Как расположить li поверх :before?

Question

[grande2k]

Здравствуйте, не могу расположить ли поверх его :before, z-index почему-то не работает.
Нужно вот так:
https://imgur.com/a/y1wVWri

Вот код:

li
       font-family: $playfair
       font-size: 18px
	font-weight: 400
	color: #fff
	margin-bottom: 10px
	text-align: center
        position: relative
	z-index: 2
	&:before 
	        content: ''
		position: absolute
		top: 50%
		left: 0
		transform: translateY(-50%)
		height: 2px
		background-color: #B87525
		width: 100%
		z-index: 1

Comments

[Александр]

Удобно, наверное, с картинкой работать. А можно код в песочницу?

[grande2k]

Александр, Вот https://codepen.io/grande2k/pen/QWNzQzr

Answer 1

[Pavstyuk]

:before { z-index: -1; }

Comments

[grande2k]

Спасибо огромное