li.last : LI class : List Style HTML CSS TUTORIALS

HTML CSS TUTORIALS » List Style » LI class »

li.last


 


<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>