content counter

<!DOCTYPE html>
<html>

  <head>
    <style>
     
      p{ 
        padding: 10px; 
        background: #eed;
        color: #666;
        font-size: 1.5em;
        margin: 40px 20px;
        counter-increment: infobox; 
      }
      p:before{
        content: "Paragrafo " counter(infobox);
        font-size: 0.5em;
        display: block;
        margin-top: -25px;
        margin-left: -10px;
        position: absolute;
      }
    </style>
  </head>

  <body>
    <p>
      Lorem ipsum dolor sit amet  consectetur 
    </p>
    <p>
       Lorem ipsum dolor sit amet  consectetur 
    </p>
    <p>
       Lorem ipsum dolor sit amet  consectetur 
    </p>
  </body>

</html>