Вроде элементарная задача, вывести рядом 3 картинки.
Первая в высоту 340px, две остальных 175px и 165px.
Так вот, каждая картинка дает лишнии 3px к размеру DIV. 343 первый и 346 второй .Как это устранить ?

css

html, body, div, nav, p, i, ul, li, a {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0;
}
.m_inline {
  display: inline-block;
  position: relative;
}

html, записано в одну строку, но тут для удобства понимания разбил

<div class="m_inline">
  <img src="medium_4.jpg">
</div>
<div class="m_inline">
  <img src="medium_1.jpg" rel="bottom"><br>
  <img src="medium_3.jpg">
</div>

забыл добавить, у меня на img есть
img{ border: 0px;}. Добавил к той строчке img вместо отдельного . Ничего не изменилось

Нашел решение.

img {
  border: 0px;
  vertical-align: bottom;
}

может гдето в css прописано img {display:table;} ? )

_____________
ввв.парсер.рф - онлайн система проверки позиций Вашего сайта в поисковиках. Для форумчан 100 рублей на счет.

этого точно нет.