( Псевдоэлементы after/before) Как убрать лишнее от боковых линий?

Question

[dimavfox]

Как убрать белые куски?
Это не картинка, а html/css.

<span class="section-header contacts">Contacts</span>

.section-header{
	font-family: 'Anton', sans-serif;
	font-size: 35px;

}
/* LINES before and after "ABOUT US" */
.section-header:before, .section-header:after{
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 10%;
	height: 3px;
	background: #000;
	border: solid #FFF;
  	border-width: 0 10px;
}
.section-header:before{
	margin-left: -100%;
}
.section-header:after{
	margin-right: -100%;
}

Comments

[RomanSS]

Нужно видеть код верстки, чтоб понять что вам предложить. А так отступы делаются с помощью margin, но это слишком банально, чтоб решение было в этом.

[dimavfox]

РЕШЕНО!

[dimavfox]

RomanSS, border-width: 0 10px; по 0 0 надо выставить

Answer 1

[RomanSS]

Как вариант сделать бордеры прозрачными тоесть заменить border: solid #FFF; на border: solid transparent;