✔ UL Menü mit 2 Spalten

[hoctar]

Hallo
habe dieses Menü:

#menu {
    display: inline;
}

<ul id="menu">
    <li>Bild<span>Text</span></li>
    <li>Bild<span>Text</span></li>
    <li>Bild<span>Text</span></li>
</li>

nun soll das aber so aussehen:
Bild

Hat jemand Rat ?

 

[Maik]

Hi,

setz dein Vorhaben mal so um:

#menu {
list-style:none;
}
#menu li {
float:left;
margin:0 2px;
}
#menu li img {
border:1px solid #000;
}
#menu li span {
display:block;
border:1px solid #000;
}

mfg Maik

 

[hoctar]

Super, danke Maik

 

[hoctar]

Ich möchte noch gerne das die liste zentriert ist, leider bekomme ich das auch irgendwie nicht nicht ..

#divmenu {
    text-align: center;
}

#divmenu .menu {
list-style:none;
}
#divmenu .menu li {
float:left;
margin:0 2px;
}
#divmenu .menu li img {
border:1px solid #000;
}
#divmenu .menu li span {
display:block;
border:1px solid #000;
}

<div id="divmenu">
  <ul class="menu">
     <li>Bild<span>Text</span></li>
     <li>Bild<span>Text</span></li>
     <li>Bild<span>Text</span></li>
  </li>
</div>

 

[Maik]

Centering Float Left Menus

mfg Maik

 

[hoctar]

Ah super
nochmals vielen dank Maik