Ufak bir yardım isteği

Arkadaşlar merhaba ufakça bir iş var.

Css'den anlayan arkadaşlar hemencicik anlar da biz yapamadık işte






Üstteki menüyü alttaki menü gibi yapmaya çalışıyorum ama bir türlü yapamıyorum.

Yardımcı olabilirseniz memnun olurum, teşekkürler.

li elementine float:left; ve width:33.333%; özelliklerini atayacaksın. float left ile sola yaslanmasını, width ile kaç tane yan yana sığacağını belirtirsin. Yaptığım basit örnek aşağıda var.

<ul class="ulMenu">
    <li> <a href="#" title="Baslik">İçerik 1</a> </li>
    <li> <a href="#" title="Baslik">İçerik 2</a> </li>
    <li> <a href="#" title="Baslik">İçerik 3</a> </li>
    <li> <a href="#" title="Baslik">İçerik 4</a> </li>
    <li> <a href="#" title="Baslik">İçerik 5</a> </li>
    <li> <a href="#" title="Baslik">İçerik 6</a> </li>
    <li> <a href="#" title="Baslik">İçerik 7</a> </li>
    <li> <a href="#" title="Baslik">İçerik 8</a> </li>
    <li> <a href="#" title="Baslik">İçerik 9</a> </li>
</ul>

.ulMenu { }
        .ulMenu li {float:left; width:33.333%; list-style:none;}
        .ulMenu li a {display:inline-block; border:1px solid #ccc; background: #ececec; padding:4px; margin:4px;}