HTML Element Style How to - Append dot to list child item

Question

We would like to know how to append dot to list child item.

Answer


<!--   w  w w .j ava 2 s  .com-->
<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
li>span:nth-child(2):before {
  content: '\2026\0020';
}
</style>
</head>
<body>
  <li><span>Some text</span> <span>Some large amount of text</span>
  </li>
</body>
</html>

The code above is rendered as follows: