与填充的动态文本背景在线断裂，字符计数结束时

Question

I want to close out my old question start a new one with a better sample photo. I am trying to add a transparent png background to some dynamic text with line breaks and give it 15 px padding at the end of each sentence when the line breaks. But this text does not have the br tag in the html code. I don’t want the background to be a square box. I uploaded a sample of what I have and what I am trying to get. I heard there is a php script that can count characters like strlen, count_chars, substr_count. Can anyone help me. My css is below. It’s a span tag around dynamic text that changes. This is a Drupal Views Slideshow and it changes every few seconds, the photo and the text.

Below is the code in Drupal Views I used Tokens for the text that needs the padding the Token is called 'text'.

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

    <div id="textbox">
    <span class="bluebackground">[text]</span>
    </div>

Answer 1

I'm not sure why you would need PHP, instead just use CSS.

.bluebackground {
  background-image:url(images/transparentback.png);
  padding: 15px; /* add 15px padding around entire box */
}