li.last:after : li.last « Tags « HTML / CSS






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

li.last:after

   


<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>Heading 3</h3>

<p>Text</p>

<ul>
  <li>ONE</li>
  <li>TWO</li>
  <li>THREE</li>
  <li>FOUR</li>
  <li>FIVE</li>
</ul>

<p>Text</p>

</body>
</html>








Related examples in the same category