Css UL Ortalama Sorunsalı

* {
    margin-left:0px;
    margin-right:0px;
}

#menu {
    margin-top:10px;
    position:fixed;
    width:100%;
    height:50px;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
 
}


#menu ul li {

float:left;
list-style:none;

}

<div id="menu">
<ul>
<li>Ana Sayfa</li><li style="margin-left:50px"> Tüm Konular</li><li style="margin-left:50px"> Hakkımda</li><li style="margin-left:50px"> İletişim</li>
</ul>
</div>

<div id="menu">
<nav class="mn">
<ul>
<li><a href="#"></a></li>
</ul>
</nav>
</div>

#menu{}
#menu .mn ul{}
#menu .mn ul li{}
#menu .mn ul li a{}