Способов много, но предлагаю на выбор вот эти четыре:
- Можно добавить дочерним элементам рамку (css свойство border). Например по 0.5px слева и справа. Либо по 1px только справа, первому элементу можно задать обе рамки
- Можно между элементами сделать отступ в 1px при помощи отступа (margin-right: 1px). Для этого способа нужно чтобы у родителя элементов был серый цвет (цвет линии)
- Если это flex раскладка (сомневаюсь), можно сделать гэп (css свойство gap для флекс контейнера)
- Предыдущие три способа требуют, чтобы дочерные элементы контейнера были 100% высоты и n px в ширину. Если не хочешь с этим морочиться, можешь создать псевдоэлемент after для ребёнка (ссылки), добавить ему абсолютное позиционирование (а контейнеру относительное), выставить ширину в один пиксель, высоту в 100%, залить фоном, правильно спозиционировать и тд. Тогда это уже будет действительно самая настоящая независимая линия, а не рамка)
Предпочтительнее всего третий вариант. Четвёртый вариант может устроить если не хочется перевёрстывать уже существующие элементы (например если они не на всю высоту или слишком узкие)
