Archívum - Ápr 16, 2011 - Fórum téma
Listák középre
Sziasztok!
Adott egy div, benne 3 listával:Namármost az lenne a kérdésem tisztelettel, hogy hogyan kerülnek ezek a listák középre a myDiv-ben (jQuery nélkül)?
A float persze nem fontos, de a listáknak valahogy egymás mellé kell kerülniük.
■ Adott egy div, benne 3 listával:
<div class="myDiv">
<ul>
<li>Hosszú hosszú hosszú szöveg</li>
<li>rövid szöveg</li>
<li>rövid szöveg</li>
</ul>
<ul>
<li>rövid szöveg</li>
<li>rövid szöveg</li>
<li>rövid szöveg</li>
</ul>
<ul>
<li>rövid szöveg</li>
<li>rövid szöveg</li>
<li>rövid szöveg</li>
</ul>
</div>
.myDiv {
height: 200px;
/* width: dinamikus, de nem a listáktól függ */
}
.myDiv ul {
float: left;
/* width, height: a tartalomtól függ */
}
A float persze nem fontos, de a listáknak valahogy egymás mellé kell kerülniük.