Hallo.. 
ich habe drei simple Div´s die mit => inline-block formatiert sind..
es gibt keinerlei margin -und doch haben die Abstand von einander
kann mir das jemand erklären .. ?
<head>
<style>
* { margin: 0px; }
body { background-color: #FF0;
margin: 0;
padding: 0; }
div { height: 200px; }
#wrapper { width: 100% ; background-color: #f00; height: 270px;
}
#box1 { display: inline-block;
width: 32% ; background-color: #00F;
}
#box2 { display: inline-block;
width: 32% ; background-color: #0FF;
/*so geht es aber warum ? margin-left: -4px; */
}
#box3 { display: inline-block;
width: 32% ; background-color: #f0F;
/*so geht es aber warum ? margin-left: -4px; */
}
hr { background-color: black;
height: 5px;
border: 0;
}
</style>
</head>
<body>
<div id="wrapper">
<hr>
<div id="box1">box1</div>
<div id="box2">box2</div>
<div id="box3">box3</div>
<hr>
<div>
</body>
- - - Aktualisiert - - -
so sieht es aus.. aber die müssten doch direkt aneinander sein
