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