<ul class="tasarim">
    <li><a href="http://www.adobewordpress.com" target="_blank">Anasayfa</a></li>
    <li><a href="http://www.adobewordpress.com/photoshop-dersleri">Photoshop</a></li>
    <li><a href="http://www.adobewordpress.com/wordpress" target="_blank">WordPress</a></li>
  </ul>
ul{
  text-align:center;
}

ul li{
  display:inline-block;
  *display:inline; /*IE7*/
  *zoom:1; /*IE7*/
}

/* Alt kısım tasarım için var, silinebilir*/

body{
  font:0.9em Tahoma;
  text-shadow:1px 1px 1px black;
}

.tasarim{  
  background-color:#333;
  padding:0;
  border-radius:15px;
}

.tasarim li{padding:1em;}

a{color:#CCC; text-decoration:none;}
a:hover{color:white;}
/* JavaScript'e gerek yok & No need JS */

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.