Is it possible to declare multiple background positions for the same background image?
I have a span with the class page_heading
and I want this class to display the same image twice, once at the beginning of the text and once at the end.
HTML:
<h1><span class="page_heading">Text</span></h1>
CSS:
.page_heading {
padding: 0 30px 0 30px;
background: #ff6600;
background: #ff6600 url('../img/star.png') no-repeat 0 50%;
}
I would like to achieve this (even though I know it's not correct, just for understanding):
.page_heading {
padding: 0 30px 0 30px;
background: #ff6600;
background: #ff6600 url('../img/star.png') no-repeat 0 50%;
background: #ff6600 url('../img/star.png') no-repeat 100% 50%;
}