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 whi...