Gleiche breite für vertikale <ul> Auflistung

[RhettButler]

Schönen guten Abend!


Ist es möglich für

<style type="text/css">
.menu li {
        display:inline;
}
</style>
<div>
   <ul class="menu">
      <li>
         <a href="#">
            <span>Menue 1</span>
         </a>
      </li>
      <li>
         <a href="#">
            <span>Menue 1</span>
         </a>
      </li>
   </ul>
</div>

horizontale <ul> bzw. <li> Tags eine gleiche Breite zu erwirken?

Mein ziel ist es ein horizontales Menü, mit gleich breiten Einträgen zu erstellen.


Herzlichen Dank!

 

[_Thor_]

Ja, ist möglich, allerdings solltest du vorher deinen Code aufräumen. Das div ist überflüssig und die spans in den Links brauchst du auch nicht.

Dann kannst du die Listenelemente mit float: left nebeneinander anordnen und ihnen mit width eine Breite geben.

 

[vitus37]

Dann kannst du die Listenelemente mit float: left nebeneinander anordnen und ihnen mit width eine Breite geben.

Nachdem du das display: inline; für die Listenelemente herausgenommen hast.