ugrás a tartalomhoz

Archívum - Ápr 16, 2011 - Fórum téma

Listák középre

Burnee · 2011. Ápr. 16. (Szo), 15.32
Sziasztok!

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 */
}
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.