CSS Code Remove Space Between Inline Elements

CSS Code Different Ways to Remove the Annoying Space Between Inline Elements or Divs

Surround the inline divs you wish to remove the space from with a div and set that divs font-size:0;

.container { font-size:0; /* Remove spacing */ } .inline { display:inline-block; font-size:16px; /* Reset font size for inline elements */ }

Here are 3 inline elements before applying the font-size:0; trick

Here are 3 inline elements after applying the font-size:0; trick

Don't forget to reset the font-size for the inline elements to your desired font size.

Use negative margins to remove the space between inline elements

.inline { display:inline-block; margin-right:-4px; /* Adjust as needed */ }

Remove spaces and line breaks between the html that make up the inline elements

<div class="inline">inline elements</div><div class="inline">inline elements</div><div class="inline">inline elements</div>