li:before content: "\00BB \0020"; : li.before « Tags « HTML / CSS






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

li:before content: "\00BB \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">
<head>
<title></title>
<style type="text/css">
ul {
 list-style: none;
 margin: 0;
 padding: 0 0 0 1em;
 text-indent: -1em; 
}
li {
 width: 33%;
 padding: 0;
 margin: 0 0 0.25em 0;
}
li:before {
 content: "\00BB \0020"; 
}
</style>
</head>
<body>
  <p>Consectetuer adipiscing elit: 
  
    <ul>
    <li>Vivamus purus enim</li> 
    <li>Sollicitudin vitae</li>
    <li>Tincidunt sit amet</li> 
    <li>Pretium vel, libero</li> 
    </ul>
<p>Sed sed nisi. Morbi gravida, odio at aliquam lobortis, urna massa vehicula mi, et posuere tortor elit eget est. Nulla ligula. Etiam pulvinar. Quisque ante quam, ultricies quis, rutrum dignissim, fermentum a, est. Nulla felis dolor, tempor non, posuere ut, ornare ac, eros. Cras in metus. Sed rutrum lectus ut nibh. Pellentesque ipsum.</p>
  
</body>
</html>








Related examples in the same category

1.li:before
2.ul li:before content:"\2192 \0020"
3.LI: before: "\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;