Как добиться такой линии?

Question

[saplas]

Нужно сделать такой бордер что ли слева при открывании списка.

https://codepen.io/anon/pen/eXNKVZ

Answer 1

[Дмитрий]

Приблизительно так

.filter-sections-sublist{
  padding-left: 20px;
  border-left: 4px solid #ccc;
}
.filter-sections-sublist li{
  list-style: none;
}

Comments

[saplas]

Пробовал так, получается вот что -
почему и задал вопрос

[Виталий Киренков]

saplas, маргин сбросьте у листа

[saplas]

Виталий Киренков, Его нету там. Эта стрелочка добавлена псевдоэлементом ::before
Может быть из-за этого?

[Виталий Киренков]

saplas, ну логично. Тогда сместите ваш заголовок через padding-left и будет счастье.

[Дмитрий]

saplas, Значение -15px попробуйте подобрать нужное (это значение равно padding-left заголовка)

.filter-sections-sublist{
  margin-left: -15px;
}

Answer 2

[Dima Polos]

borded-left для родителя списка.
https://codepen.io/dimovich85/pen/Wmvyge