CSS文本背景跨度填充

Question

I am trying to add a transparent png background to some dynamic text and give it 15 px padding all the way around the sentence.

As you can see from the photo the span class does not know how to add padding to text that does not have a line break. This text is part of a Views Slideshow and it changes every few seconds. I would like to add padding to the left,right, and after the break in the sentence. See the link sample. I heard that I may need to use php as it can count the characters and add padding. Does anyone know a way to do this. If I give this span class padding it only give padding to the front and end of the sentence but not after the line break.

http://visiongem.com/portfolio/span-class-help.jpg

The html and CSS are below:

.blueback {background-image:url(images/transparentback.png);}



<div id="sliderhome"><div id="slidertitle"><span class="blueback">[title]</span>
</div><div id="featureslider-list"><ul class="homepage-featureslider-list">
<span class="blueback"><li>[field_linkto_story_url]</li>
<li>[field_linkto_photo_url]</li>
<li>[field_linkto_video_url]</li></div>
</ul></span></div>

Answer 1

add padding to the text and then display property as table

.css{
    padding:10px;
    display:table;
}