li:after content: ", "; : li.after « Tags « HTML / CSS






  1. HTML / CSS
  2. Tags
  3. li.after

li:after content: ", ";

   

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
ul, li {
 display: inline;
 margin: 0;
 padding: 0;
 font-weight: bold; 
 font-style: italic;
}
li:after {
 content: ", "; 
}
li.last:after {
 content: ".";
}
p {
 display: inline;
}
</style>
</head>
<body>

  <h3>
   Table of Contents
  </h3>
  <p>
   As proposed, the contents of the paper will contain the 
  following sections:
  </p>
  <ul>
   <li>I'm not the Same Person I was in the Database</li>
   <li>Past Breaches of Our Privacy</li>
   <li>The Best of Intentions</li>
   <li>Whatever Happened to Automation?</li>
   <li class="last">The Smart Choice is Not Needing to Make One</li>
  </ul>
  <p>
   If there are any objections to how these sections are divided, 
  please let <a href="nick@heatvision.com">Nicholas</a> know about 
  it.
  </p>
  
</body>
</html>








Related examples in the same category

1.li after
2.li.className:after