:after и:before, как быть?

Question

[Евгений Жадько]

Привет. При вёрстке столкнулся со след. проблемой:
Элементы :after и :before находятся не там, где нужно ("лапки" должны находиться по бокам элементов "li").
Центральная линия находиться поверх текста, а нужно наоборот?

И если есть какие-либо замечания/советы по коду, буду рад выслушать.

p.s. может кто js подскажет/прикрутит для такого таймера, был бы благодарен.

offline

Answer 1

[Владимир Дремучий]

Таким образом? jsfiddle.net/g2xfjnsd/4

Comments

[Евгений Жадько]

Странно, но z-index пробовал, не помогало, сейчас помогло. Спасибо.
jsfiddle.net/g2xfjnsd/7 - конечный вариант.

[Владимир Дремучий]

Евгений Жадько: есть особенность использования z-index c position: relative

[Владимир Дремучий]

Если помог, отметь пожалуйста ответ как решение:)

[Евгений Жадько]

Владимир Дремучий: z-index указывать выше position?

[Владимир Дремучий]

Евгений Жадько: если в одном свойстве, разнице нет никакой.

Answer 2

[Сергей Мельников]

jsbin.com/lemihu/1/edit?css,output

Comments

[Евгений Жадько]

Не совсем верное решение, т.к. вы задаёте разные свойства, для одного элемента (left & right для ":before"), а нужно по одному для каждого. ;-)
Решение вопроса в первом ответе.
В любом случае спасибо.