Динамический текстовый фон с отступом в конце строки, количество символов

Question

Я хочу закрыть свой старый вопрос и начать новый с лучшей пробной фотографии.Я пытаюсь добавить прозрачный фон png к некоторому динамическому тексту с разрывами строк и дать ему отступ 15 px в конце каждого предложения, когда разрыв строки.Но этот текст не имеет тег br в HTML-коде.Я не хочу, чтобы фон был квадратной рамкой.Я загрузил образец того, что у меня есть и что я пытаюсь получить.Я слышал, что есть PHP-скрипт, который может считать такие символы, как strlen, count_chars, substr_count.Может кто-нибудь мне помочь.Мой CSS ниже.Это тег span вокруг динамического текста, который изменяется.Это слайд-шоу Drupal Views, и каждые несколько секунд меняются фотография и текст.

Ниже приведен код в Drupal Views, я использовал токеныдля текста, который нуждается в заполнении, токен называется «текст».

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

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

Answer 1

Я не уверен, зачем вам нужен PHP, вместо этого просто используйте CSS.

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