Как сверстать 10 картинок в два ряда по горизонтали?

Question

[Frel]

Как сверстать 10 картинок в два ряда по горизонтали?
Вот, что имею в виду:
код

Когда делаю display: inline-block; то появляются отступы маленькие!

Comments

[Nwton]

а что не получается? задайте размеры относительно

Answer 1

[Nwton]

codepen.io/anon/pen/xqpBje

Comments

[Frel]

Так отступы мелкие появляются!

[Nwton]

Frel: это margin. уберите его и отступы исчезнут

[Nwton]

Frel: переделал

[Frel]

Так я использую reset

[Frel]

Nwton: А почему надо было задавать font-size?

[Nwton]

Frel: что бы убрать отступы от inline-block. Можешь в самом блоке установить любой font size.

Answer 2

[iBird Rose]

codepen.io/anon/pen/rypRvq

Comments

[Frel]

Так отступы мелкие появляются!

[iBird Rose]

Frel: нету их. font-size: 0; для родителя их убирает. я сам outline там поставил

[iBird Rose]

Frel: codepen.io/anon/pen/rypRvq

[Frel]

iBird Rose: А как сделать, чтоб они были в два ряда, а то не вмещаются почему-то!

[Frel]

iBird Rose: width 1171 в такой размер

[Frel]

iBird Rose: И да почему надо было font-size задать было, ведь использую reset, почему отступы появились?

[Антон Середний]

Frel: потому что отступы были в виде междустрочного интервала