Как убрать линию при переносе в начале строки?

Question

[issssrt]

Попался такой блок в макете - https://gyazo.com/4f36679d462e6ca637571892fe03adfc
Понятное дело что строк может быть и больше. Но что-то в голову ничего не приходит как по краям можно синие линии убирать?

Answer 1

[Алексей]

Как кривоватый вариант - codepen.io/anon/pen/QyRpLL

Comments

[Артем Лисовский]

очень жирное по виду решение, но рабочее

[issssrt]

Артем Лисовский: да, к сожалению без js никак(

[AlexRas]

issssrt: написал ответ как обойтись без js)

Answer 2

[AlexRas]

Мне кажется хороший вариант
https://jsfiddle.net/cufdyL1m/3/

Левые палочки прячем под псевдоэлементом блока div

Comments

[Михаил Чирский]

А если нужно уменьшить палочки по высоте? что будете делать?

[AlexRas]

Михаил Чирский: проблема по моему не в высоте палочек была была) Что делать буду, бордюрами сделаю или фоном вариантов вагон

[issssrt]

AlexRas: вариант тот что надо. Если размер по высоте нужно подогнать под макет, можно пойти на крайние меры и вставить фоном.

[Алексей]

Проблема с выравниванием "по центру" :(

Answer 3

[Сергей Софьичев]

https://jsfiddle.net/cufdyL1m/

Comments

[issssrt]

Это не исправит ситуацию, если строк много, а их много.

Answer 4

[Михаил Чирский]

Ну вы и извращенцы, JS то тут зачем?

Только Сергей Софьичев 1 сделал норм пример, ну вместо last-of-type Я бы сделал
a + a:after { border-right }
и будет везде кроме 1, что как раз будет также как и у Сергей Софьичев в примере.

Comments

[issssrt]

Пример не рабочий , если строк норм, поэтому js тут как раз причем.

[Михаил Чирский]

issssrt: что значит не рабочий? ссылку в студию где у вас не работает, никогда не было проблем, всю жизнь так пишу и везде все работает, проблема в руках подозреваю

[issssrt]

Михаил Чирский: при множества строк получается не то, что требуется.

[Михаил Чирский]

issssrt: вот я и прошу скинуть ссылку

[issssrt]

Михаил Чирский: попросите деда мороза

[Михаил Чирский]

issssrt: да вы шутник я смотрю, ну в прочем это нужно вам не мне, так, что дело ваше, говнокодьте дальше, раз не хотите учится.

[issssrt]

Михаил Чирский: у вас говнокодить лучше получается, участь такая у вас.

[Михаил Чирский]

issssrt: видимо поэтому, я не 1 вопроса не задал на тостере, и решаю проблемы сам, а вы спрашиваете элементарные вещи, извините ваше величество, что отнял ваше время, с вашим то скилом, надо бы в гугле работать, а мне то куда :D

[issssrt]

Михаил Чирский: молодец)) Достань пирожок)