Как сделать точки по бокам вне зависимости от количества элементов?

Question

[tkachenkoaanna097]

тоесть чтобы это корректно работало как с тремя в ряд
как с двумя
так и с одним


update. в этом варианте нету бордера у третьего элемента снизу
https://jsfiddle.net/gqtLpc4y/

Comments

[Антон Литвиненко]

Это таблица?
Покажите код

[tkachenkoaanna097]

Антон Литвиненко, это не таблица
потому что там будет картинки и текст(внутри итемов)
https://jsfiddle.net/zL8tc70u/

[Ankhena]

У родителя верхняя и левая граница.
У детей правая и нижняя.

Answer 1

[inkShio]

В общем особо не понятно, что тебе надо.
1. Если ты имеешь виду адаптивность, то используй медиазапросы и почитай про nth-child (тут можно выбирать каждый четный, не четный, каждый третий элемент и т.д. и т.п).
2. Или вот тебе еще вариант для размышления

Comments

[tkachenkoaanna097]

inkShio, не. я как раз имела ввиду margin: -1px; и overflow: hidden;
не знала про данную фишку

но проблема вот в чем
если не 6 элементов к примеру
а 5
то не будет бордера снизу третьего

https://jsfiddle.net/gqtLpc4y/

[inkShio]

tkachenkoaanna097, поменяй border-top на border-bottom

[tkachenkoaanna097]

inkShio, спасибо