ul li:before content:"\2192 \0020" : li.before « Tags « HTML / CSS






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

ul li:before content:"\2192 \0020"

    

 
<!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" xml:lang="en" lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

  <title>Chapter 3 Example: :before and :after Pseudo-elements</title>
  <style type="text/css" media="screen">
    body {
      padding:.5em;
    }
        ul li:before { content:"\2192 \0020"; }
  </style>
  
</head>

<body>
  <ul>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
    <li>List item 4</li>
  </ul>

</body>
</html>








Related examples in the same category

1.li:before
2.LI: before: "\00BB \0020"
3.li:before content: "\00BB \0020";
4.li:before content: counter(Item) " ";
5.li:before counter-increment: Item }
6.li:before display:marker;
7.li:before marker-offset:10em;
8.li:before content: counter(item, lower-roman) " ";
9.li:before counter-increment: item;