I have two divs, inline-block, width:50%. When the width is 50% the two divs do not fit on the same line and the browser renders them one under the other. Change the width to 49% and give them a background color. The divs render side by side, but with a small gap between them. I assume that gap is the reason the 50% width divs don't fit side by side.
I am trying different combinations of margin:0; padding:0; line-height:0; border:0px;.
How can I make is so there is no gap, horizontal and vertical, between inline-block divs?
<body style="margin:0px; padding:0px;">
<div class="SideBySide" style="background-color:Green;">
<div class="SideBySide" style="background-color:Red;">
View Complete Post