• 21-02-2016, 22:15:35
    #1
    Merhaba arkadaşlar local'de bir web site hazırlıyorum ama bir konuda takıldım.

    <div style='float:left;'>SOLDAKİ YAZI</div>
    
    ORTADAKİ YAZIYI NASIL EKLİCEZ?
    
    <div style='float:right;'>SAĞDAKİ YAZI</div>
    
    <div style='clear:both;'></div>
    Burada tek sorun ortadaki yazıyı nasıl eklicez?

    <div style='clear:both;'></div>
    Bu kod ise olmayınca aşşağıda oluyor sağdaki yazı bu olunca aynı hizada oluyor.
  • 21-02-2016, 22:37:58
    #2
    Şöyle bir şey yapabilirsin hocam;

    <!DOCTYPE html>
    <html lang="tr">
    <head>
    	<meta charset="UTF-8">
    	<title>Document</title>
    
    	<style>
    		.container {width: 100%; height: 300px; font: 12px Arial; color: #fff;}
    		.left {width: 25%;  height: 300px; background-color: #CF5C00; float: left;}
    		.center {width: 50%;  height: 300px; background-color: #84D500; float: left;}
    		.right {width: 25%; height: 300px; background-color: #78005B; float: right;}
    	</style>
    </head>
    <body>
    	<div class="container">
    		<div class="left">Sol Yazı</div>
    		<div class="center">Orta Yazı</div>
    		<div class="right">Sağ Yazı</div>
    	</div>
    </body>
    </html>
  • 21-02-2016, 22:47:48
    #3
    @Tonks

    çok teşekkür ederim bu hiç aklıma gelmemişti
  • 22-02-2016, 14:05:46
    #4
    Direk css üzerinden yapmak istiyorsanız

    text-align: center;
    parametresini kullanabilirsiniz.