2014-01-24 22 views
8

Hallo ich versuche, etwas Platz unter jedem li meiner ul hinzuzufügen. Wenn ich versuche, den unteren Rand auf der li zu setzen, funktioniert es nicht, es fügt einfach einen Rand über dem ersten li-Element der Liste hinzu. Kann mir jemand sagen, wie ich einen Raum hinzufügen können (Marge) Balg jeder liWie füge ich Leerzeichen zwischen den Zeilen meiner ul hinzu?

+2

bitte zeigen uns die HTML und CSS – Lab

+0

@vijar: Bitte eine Geige für Ihr Problem machen. Versuchen Sie diese http://jsfiddle.net/qY9f5/ –

+1

sieht aus wie ein allgemeines Margin-Kollaps-Problem, ich nehme an, Sie haben die ul innerhalb eines Containers, wenn Sie eine geringfügige Polsterung entweder oben oder unten davon zuweisen (container {padding: 0 0 1px;}) es würde das Problem lösen –

Antwort

1

Ich habe versucht, genau das:

http://jsfiddle.net/UV99e/2/

Und es scheint zu funktionieren.

Html:

<ul class="ul1"> 
    <li>Toto</li> 
    <li>Titi</li> 
    <li>Tata</li> 
</ul> 

<ul class="ul2"> 
    <li>Toto</li> 
    <li>Titi</li> 
    <li>Tata</li> 
</ul> 

<ul class="ul3"> 
    <li>Toto</li> 
    <li>Titi</li> 
    <li>Tata</li> 
</ul> 

CSS:

li 
{  
    background-color : gray; 
    height : 25px; 
} 

.ul1>li 
{ 
    margin-bottom : 0px; 
} 

.ul2>li 
{ 
    margin-bottom : 5px; 
} 

.ul3>li 
{ 
    margin-bottom : 5px; 
} 
Verwandte Themen