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

Question

[coderxx]

Требуется добавить разделители в виде вертикальных линий между блоками с помощью псевдо-элементов, примененных к среднему блоку.
Второй вопрос - как сделать их затухающими к концам?
https://codepen.io/anon/pen/RqdZJx

Answer 1

[Dymok]

примерно так, с позиционированием только нужно сделать поточнее

Comments

[coderxx]

То что нужно, спасибо.

[RAX7]

coderxx, можно и проще
https://codepen.io/anon/pen/aQMLxG

[coderxx]

Скажите пожалуйста а что делает фрагмент:

div:nth-of-type(2) ul {
	position: relative;
}

[Dymok]

coderxx, применяет стили для ul, который находится во втором div. Я чуть ошибся, нужно было использовать селектор .div , а не div

[coderxx]

Dymok, я с секторами разобрался, я имею ввиду для чего тут свойство relative и почему без него не работает?

[coderxx]

RAX7, то же самое на самом деле, но спасибо:)

[Dymok]

coderxx, потому что без position:relative у родителя не получится использовать position:absolute у дочернего элемента

[coderxx]

Dymok, понял, спасиб