Фон для таблеток с оберщенным текстом ⇐ Html

[Anonymous]

Как какой -то фон, я пытаюсь создать таблетку, которая будет отменена в центре изображения, и я пытаюсь избежать случая, когда фон таблетки занимает полную ширину родителя, если текст завершает. Я хочу, чтобы красная коробка была точно шириной оберщенного текста. /> вставка br < /code> также будет работать, но я не знаю, насколько широким будет родитель, и поэтому, с чего должны идти разрывы строки, также текст не в HTML, это происходит от API. PrettyPrint-Override ">

Код: Выделить всё

.parent {
width: 300px;
}
.pill {
/* width: min-content; */
}
.content {
background: red;
}< /code>



first_line_part_1 first_line_part_2 this_is_a_very_long_word

Подробнее здесь: https://stackoverflow.com/questions/797 ... apped-text