@uf0hn

Как задать длину параграфа в CSS, чтобы она определялась его содержимым?

Здравствуйте! Пишу вот такой код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<body>
<p style="width:auto; background-color:yellow;">sftdfgh</p>
</body>
</html>

И ожидаю получить что-то в таком духе (окрашенные буквы):
5de3c0a27feb4924387856.jpeg
А получается вот так (фон растягивается на всю длину экрана):
5de3c10f4840c560605837.jpeg

Вопрос: что я делаю неправильно, и как мне получить то, что требуется? Мне надо, чтобы окрашивался только текст, а не вся строка.
  • Вопрос задан
  • 185 просмотров
Решения вопроса 2
wapster92
@wapster92 Куратор тега CSS
display: inline-block;
Ответ написан
oink
@oink
Начинающий похититель кода со StackOverflow
Попробуйте
display: inline;
для тега p
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Pavstyuk
Оберните нужный текст в span и присвойте необходимые стили. Параграф p - блочный элемент, который имеет ширину по умолчанию 100%, span по умолчанию строчный элемент имеет ширину своего контента.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы