.kategorialani {width:270px; float:left;}
ul.kategoriler {list-style-type:none;margin:0px;padding:0px;}
ul.kategoriler li {float:left;margin:5px 10px 0px 0px;}
ul.kategoriler li a{background:#eeeeee; padding:1px 5px 1px 5px;}
ul.kategoriler li a:hover{background:#76bad2; color:#fff;}

<div class="kategorialani">
<h1>Kategoriler</h1>
<ul class="kategoriler">
<li><a href="#">Astroloji</a></li>
<li><a href="#">Güncel Haberler</a></li>
<li><a href="#">Kadınlara Özel</a></li>
<li><a href="#">Fıkralar</a></li>
<li><a href="#">Şarkı Sözleri</a></li>
<li><a href="#">Sağlık</a></li>
<li><a href="#">Şiir</a></li>
<li><a href="#">Aşk Meşk</a></li>
<li><a href="#">Güncel Haberler</a></li>
<li><a href="#">Kadın 12lara Özel</a></li>
<li><a href="#">Fıkral dsaar</a></li>
<li><a href="#">Şarkı Sö asdz leri</a></li>
<li><a href="#">Sağlık asd</a></li>
<li><a href="#">As d</a></li>
<ul>
</div>