Как мне использовать Inline Block? [закрыто] ⇐ CSS

[Anonymous]

Я пытаюсь сделать эту границу «обнять» текст, а не заполнять всю ширину тега статьи. Текст должен аккуратно вписаться в границу вместо того, чтобы иметь тонну пустого пространства на правой стороне.

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

.poem {
display: inline-block;
border: double;
padding: 0.5em;
white-space: pre-wrap;
margin: 0;
}

article {
display: grid;
grid-template-columns: .5in [start] 1.25in 9in 1.25in [end] 1fr;
}

article * {
grid-column: start/end;
}

@media (max-width: 8.5in) {
article {
grid-template-columns: 5% [start] 15% 60% 15% [end] 1fr;
}
}< /code>

 this is the first line
this is the second line
this is the third line

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