Неизвестные пробелы внутри

без отступов и полей

<div class="votebox">
  <div class="vote"><img src="upvote.png" /></div>
  <div class="votetotal">15</div>
  <div class="vote"><img src="downvote.png" /></div>
</div>

и элементы определены для отображения без полей или отступов, Мне гораздо больше интересно узнать , почему эти элементы отображаются таким образом (в конце концов, предполагается, что это самообучающийся проект).

Может ли кто-нибудь пролить свет на это для меня?

---

Edit: Steve H указал мне, что я должен использовать контур, а не границу, чтобы показать внешние края элементов. Я внес это изменение, а также разделил элементы в CSS, чтобы они отображались разным цветом.

Новый контур выглядит так:

Как видите, проблема немного отличается от того, что я думал . Похоже, что под изображением есть пробелы, но это усугубляется тем фактом, что нижнее изображение, кажется, немного выходит за пределы содержащего

поделиться