Slik ser koden ut nå (med hight:25px)
Kode:
.blablabla
{
width:600px;
height:auto;
float:right;
text-align:left;
padding:10px 0px 55px 0px;
}
.blablabla ul
{
margin:0px;
padding:0px;
list-style-type:none;
}
.blablabla ul li
{
width:570px;
hight:25px; <-- høyde 25 px <-- høyde 25 px <-- høyde 25 px
display:block;
text-align:left;
background:url(../bilde/checkmark.jpg) left top no-repeat;
padding-left:20px;
font: 17px/22px Arial, Helvetica, sans-serif;
}
<li> blir presentert i block'er. Med en høyde på 25px ser alt greit ut når hver <li> inneholder kun én linje tekst, men det krøller seg når noen av <li> får flere linjer tekst. Med en automatisk høyde (hight:auto) bli linjeavstanden mellom <li> block'ene for store.
Tenkt også på å kutte ut hight:25px i koden ovenfor og legge til dette i css uten at det hjalp:
Kode:
#blablabla ul li .tjuefem {hight:25px;}
#blablabla ul li .automatisk {hight:auto;}
Noen som har et superforslag til hvordan løse dette?