p.note : p class : Text HTML CSS TUTORIALS

HTML CSS TUTORIALS » Text » p class »

p.note


 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

  <title>:before and :after Pseudo-elements</title>
  <style type="text/css" media="screen">
    body {
      padding:.5em;
      font-family:"lucida grande";
    }
    
    p.note {
      font-size:85%;
      color:#666;
    }

    p.note:before {
      content:"[";
    }
    p.note:after {
      content:"]";
    }

    
  </style>
  
</head>

<body>
  <p class="note">G</p>

</body>
</html>