Jak zastosować kolor tła z CSS do tekstu z linii przerwy

Question

Wrzuciłem go w jsfiddle wykazać: https://jsfiddle.net/og90214y/

muszę ustawić tak tło następuje tekst i nie <p> elementy szerokości. W tym celu ustawiłem display: inline.

Dla dopełnienia obu stronach Mam box-shadow: 45px 0 0 #f00,-45px 0 0 #f00;, ale to nie działa wyściółka na FireFox (działa na Chrome) w FireFox to działa tylko na pierwszej linii i dla reszty jest dopełnienie, ale bez tła kolor na nim.

Co mogę zrobić, aby działało również na FireFox i pokazywać dopełnienie + kolor tła na tych 45px na każdym końcu?

Answer 1

dodać tę nieruchomość box-decoration-break: clone; & usunąć box-shadow

.slider-text p { 
background: #f00 none repeat scroll 0 0; 
box-decoration-break: clone; 
-webkit-box-decoration-break: clone; 
color: #fff; 
display: inline; 
font-weight: 300; 
line-height: 1.4; 
margin-bottom: 10px; 
padding: 0 20px; 
} 

https://jsfiddle.net/og90214y/6/

Answer 2

użyj wyświetlacza: wbudowany blok i będzie działać. Tło oclour wypełni przestrzeń tekstu, a nie tylko pkt