2

Хочу придать тексту окраску. Вот стиль.

        <style>
            body{
                background-color:rgb(54, 54, 54);
            }
            p {
                background-color:rgb(0, 0, 0);
                font-family:monospace;
                color: rgb(19, 230, 11); /* Цвет текста */
            }

        </style>

Но задний фон текста почему то разъезжается на всю длину полей. введите сюда описание изображения

Как это исправить?

0

1 ответ 1

2

Так понимаю, что необходимо применить фон непосредственно под текстом, а не на всю ширину строки. У вас это не получается, потому как тег <p> является блочным элементом, а значит растягивается на всю ширину. Как вариант для нужного вам параграфа применить свойство display и значение ему inline. Вот пример:

body {
  background-color: rgb(54, 54, 54);
}

p.demo {
  display: inline;
  background: rgb(0, 0, 0);
  font-family: monospace;
  color: rgb(19, 230, 11);
}
<p class="demo">Ted</p>

1
  • Спасибо большое, теперь понял =)
    – Zekoyka
    7 мар 2021 в 15:12

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.