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.
bu da bendeki görüntüsü
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ü