Vraagje, hoe kan ik er voor zorgen dat mijn li custom image (het vinkje) aan de rechter kant meer wit ruimte heeft en dat het vinkte ten alle tijden in het midden van de paragraaf staat. Dus bij 1 regel dat hij in het midden staat maar ook als een paragraaf 5 regels heeft.

De HTML:
<ul class="kwalificatie">
<li>
<h3>{$_language.cat1}</h3>
<p style="text-align: justify;">{$_language.cat1_uitleg}</p>
</li>
</ul>


De CSS:
ul.kwalificatie {
list-style-type: none;
padding: 0px;
margin: 0px;
}


ul.kwalificatie li {
background-image: url(/img/icon_geverifieerd.png);
background-repeat: no-repeat;
background-position: 0px 5px;
}

Hoe het er nu uit ziet:
http://i59.tinypic.com/2qa4x8w.jpg

PHP Code:

background-position: left center; 


Met vriendelijke groet,
Daniel Warnaar

Ik snap niet helemaal wat je bedoeld maar als je het verticaal wilt centreren is het:

ul.kwalificatie li {
background-image: url(/img/icon_geverifieerd.png);
background-repeat: no-repeat;
background-position: 5px center;
}

edit
you win Daniel :P

Dank je wel en weet je toevallig ook hoe ik het vinkte wat meer naar link kan zetten zodat er meer wit ruimte is tussen het vinkte en de tekst

Ja kan je li wat padding geven.

ul.kwalificatie li {
padding: 0 0 0 30px;
}

Hellaas werkt het niet er gebeurt niets

linkje naar je website?

je hebt een PM