logo
  Uitlijnen
  Ook het uitlijnen met plaatjes is een van de mogelijkheden. Links uitlijnen:

 
IN DE CSS
ul{
list-style-type: none;
padding: 0;
margin: 0;}
li.twee{
background-image: url(img/a.png);
background-repeat: no-repeat;
background-position: 3px;
padding-left: 15px;}

 
TUSSEN DE BODY TAGS
<ul>
<li><a href="#">een</a></li>
<li><a href="#">twee</a></li>
<li><a href="#">drie</a></li>
<li><a href="#">vier</a></li>
<li><a href="#">vijf</a></li>
</ul>

  Rechts uitlijnen:

 
IN DE CSS
ul{
list-style-type: none;
padding: 0;
margin: 0;
text-align: right;}
li.drie{
background-image: url(img/b.png);
background-repeat: no-repeat;
background-position: 100% 3px;
padding-right: 15px;}

 
TUSSEN DE BODY TAGS
<ul>
<li><a href="#">een</a></li>
<li><a href="#">twee</a></li>
<li><a href="#">drie</a></li>
<li><a href="#">vier</a></li>
<li><a href="#">vijf</a></li>
</ul>

  De list links zetten maar rechts uitlijnen kan ook:
 
IN DE CSS
ul{
list-style-type: none;
padding: 0;
margin: 0;
text-align: right;
width: 10em;}
li.vier{
background-image: url(img/c.png);
background-repeat: no-repeat;
background-position: 100% 3px;
padding-right: 15px;}

 
TUSSEN DE BODY TAGS
<ul>
<li><a href="#">een</a></li>
<li><a href="#">twee</a></li>
<li><a href="#">drie</a></li>
<li><a href="#">vier</a></li>
<li><a href="#">vijf</a></li>
</ul>

 
eind