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.

/*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ü