CSS bloktaki boşluklar

delirium

Profesyonel Üye
İYİNET Üyesi
Katılım
11 Tem 2014
Mesajlar
122
Beğeniler
0
#1
merhaba, yan yana dizdiğim ve uzunlukları değişken olan 4 çubuğun arasında, antında ve üstünde boştuklar çıkıyor. Hiç boşluk olsun istemiyorum bunu nasıl yapabilirim. Kodları aşağıda verdim ve resimdeki gibi olmasını istiyorum. Pencerenin üst tarafında boşluksuz olucak. Nerde yanlış yaptım acaba yardımcı olur musunuz.



HTML:
<header>
<center>
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
<div class="line4"></div>
</center></header>
HTML:
/*Genel Özellikler*/
body {margin-top:0 auto;font-size:18px;background-color:#fff;}
body a:link {color:#1a0dab;text-decoration:none;}
body a:visited {color:#609;}
body a:hover {text-decoration:underline;}


/*Header*/

.line1, .line2, .line3, .line4 {width:20%;height:8px;display:inline-block;margin-top:0 auto;}
.line1 {background-color:yellow;}
.line2 {background-color:green;}
.line3 {background-color:turquoise;}
.line4 {background-color:red;}
bu da bendeki görüntüsü
 

Bu konuyu okuyanlar (Üyeler: 1, Misafirler: 0)

Üst