Свойство background-color разъезжается

Question

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

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

        </style>

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

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

Answer 1

Так понимаю, что необходимо применить фон непосредственно под текстом, а не на всю ширину строки. У вас это не получается, потому как тег <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>

БЛОГ НА HUSL

Свойство background-color разъезжается

Ответы (1 шт):