Как убрать пробелы между inline-элементами

Пробелы между картинками появляются из-за особенностей отображения инлайновых элементов (inline, inline-block) в HTML. Браузер интерпретирует переносы строк и пробелы между тегами как пробельные символы.

Способы устранения:

1. Убрать пробелы в HTML:

<img src="1.jpg"><img src="2.jpg">

2. Использовать float:

img { float: left; }

3. Установить font-size: 0 для родителя:

.parent { font-size: 0; }
img { display: inline-block; }

4. Отрицательный margin:

img { margin-right: -4px; }

5. Комментарии между тегами:

<img src="1.jpg"><!--
--><img src="2.jpg">