cannot eliminate space between 2 horizontal divs inside containing div

Question

Should be easy, right? Just set the outer containing div\'s padding to zero, and set the two side-by-side divs inside the outer div to have margin:0 but that\'s having no effe

Answer 1

The whitespace in the source between inline blocks leads to a gap in the layout. By removing the space (whether it's a single space or some line breaks doesn't matter) the elements will touch as intended.

Formatting of the code can be retained at a slight cost, either by commenting out the whitespace or by making the whitespace occur within tags.

Using comments:

   
Content
Content

Placing linebreak inside tag:

   
Content
Content