Можно ли сделать фон только под буквами?

Question

[Алексей]

Задаю фиксированную ширину и фон. Фон красит всю ширину. Можно ли задать фон только под буквами?

width:250px;
  display:inline-block;

Answer 1

[0xD34F]

Оберните текст в span'ы и задавайте background им:

<div class="xxx"><span>hello, world!!</span></div>
<div class="xxx"><span>fuck the world</span></div>
<div class="xxx"><span>fuck everything</span></div>
<div class="xxx"><span>69</span></div>
<div class="xxx"><span>187</span></div>
<div class="xxx"><span>666</span></div>

.xxx {
  display: inline-block;
  width: 250px;
}

.xxx > span {
  background: #ddf;
}

Answer 2

[Stalker_RED]

Вместо фиксированной поставьте min-width или max-width, смотря что вам нужно.
Или придется вводить еще один элемент.

Comments

[Алексей]

какой элемент?

[Алексей]

тогда наверное не будет получаться колонок?

[Stalker_RED]

Алексей, каких колонок? О чем вы вообще?

Вы показали две строчки css. вероятно они применяются к какому-то блоку?