css dökümümüz




body{}
.tepe{width: 100%; height: 100px; background: red; overflow:hidden; float: left;}
.tepe h1{display: inline-block;}
.tepe h1 img{width: 100px; height: 100px;}
.tepe ul{float: right;}
.tepe ul li{float: left; margin:25px 0 0 0;border-left:4px solid #fff; padding:5px}
.tepe ul li a{color: #333; font-size: 16px; text-decoration:none;}
.tepe ul li a:hover{color: #fff; text-decoration: underline;}
.orta{background:orange; overflow:hidden; width:200px;}
      .orta img{width:100px; height:100px}
     .orta ul{float:left;}
          .orta ul li{list-style:none; margin:25px 50px 0 0; padding:5px;}
      .orta ul li a{color:white; font-size:16px; text-decoration:none;}
              .orta ul li a:hover{color:#fff;}
.alt{background:yellow; overflow:hidden;}
  .alt ul{float:right;}
    .alt ul li{list-style:none; margin:25px 700px 0 0; padding:5px;}