UPDATE: Solution discovered at this link thanks to Mr. Alien
I am attempting to create a heading that resembles the following
Title -------------------------------------------------
I have an image that I intend to use as a backdrop for it.
However, I'm having trouble positioning it so it doesn't clash with the text like it currently does.
It currently looks like this
-T-i-t-l-e---------------------------------------
HTML
<div class="content-header"><p>Check Out</p></div>
CSS/LESS
.content-header {
width: 90%;
background: url(../images/bulletbg.png) repeat-x center;
margin-top: 10px;
p {
margin: 0;
padding: 0;
}
}