Я испытываю некоторые проблемы с свойством width для CSS. У меня есть несколько абзацев внутри div. Я хотел бы установить ширину абзацев, равную их содержимому, чтобы их зеленый фон выглядел как метка для текста. Вместо этого я получаю, что абзацы наследуют ширину div div node, которая шире. Что я должен делать? Спасибо.
HTML:
<div id="container">
<p>Sample Text 1</p>
<p>Sample Text 2</p>
<p>Sample Text 3</p>
</div>
CSS
#container {
width: 30%;
background-color: grey;
}
#container p{
background-color: green;
}