Autor Zpráva
yFang
Profil
Mám následující situaci: uvnitř divu je seznam ul, položky v něm jsou vedle sebe, v nich jsou odkazy s pevnou šířku, počet položek je různý.
V HTML to vypadá takhle:
<div>
  <ul>
    <li><a href="#">odkaz</a></li>
    <li><a href="#">odkaz</a></li>
    <li><a href="#">odkaz</a></li>
  </ul>
 </div>

A já potřebuji vycentrovat seznam uvnitř divu, tam ale nastává problém. Jelikož <ul> nemá nastavenou šířku (a ani nemůže, protože není známá), má jakožto blokový element automaticky 100%, tudíž jakoby vycentrovaný je, ale položky jsou zarovnány doleva.
Chtěl bych se tedy zeptat jak tuto situaci vyřešit, tak aby byly položky seznamu vycentrovány na střed divu.
karel_
Profil *
nejsem si jist interpretací některých minortiních prohlížečů, a vhodností použití, ale mělo by pomoct (zpět na stomy):

* /* nejaky vhodný selektor */ ul {text-align: center;}
ul { display: table; margin: 0 auto;}

případně i:

ul li { display: table-cell; text-align: left;}
panther
Profil
yFang:
http://pokusy.1-webdesign.cz/centrovany-float.html
yFang
Profil
panther:
Díky, to jsem potřeboval.
habendorf
Profil
Prosím, rádo se stalo ;o)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0