lördag 15 september 2007

Vänsterställd punktlista

När man skapar en lista (unorderad list eller ordered list) så lägger texten sig en bit in till höger:
  • li
  • li
  • li
Om man vill ha en rak vänster-marginal i linje med den övriga texten kan man ange detta i sitt stylesheet:

ul{
margin: 0;
padding: 0;
margin-left: 15px;
line-height:0;
}
ul li{
line-height:18px;
padding-bottom:8px;
list-style-type:circle;
}

Resultat:

  • li
  • li
  • li

Med denna stil får varje list-objekt samma radavstånd (line-height) och ett extra mellanrum efter varje list-objekt.

Stylen är testad och fungerar i IE6+, Firefox 2.0.0.6

Inga kommentarer: