Remove Gaps Between Inline and Inline-Block Elements

When working with elements set to display: inline, or display: inline-block, you may notice whitespace (or gaps) between each element. For example, the navigation list items displayed inline-block appear to have small, un-clickable gaps between each item. The browser adds default whitespace because it interprets the line breaks and spaces in the HTML as content. For example, words in a par...