Этот вопрос закрыт для ответов, так как повторяет вопрос Как сделать что бы border не растягивался на всю страницу а только шёл до последней буквы?
@Dimetro0

Как сделать что бы border не растягивался на всю страницу а только шёл до последней буквы?

65ec295dcbdb8853381758.png

<!DOCTYPE html>
<html lang="ru">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pyatigorsk</title>
</head>

<body>
    <h2 style="font-family:cursive;text-align: center;background-color:antiquewhite;">Гора Машук<br>г.Пятигорск</h2>
    <h3 style="font-family:sans-serif;">Описание горы</h3>
    <p style="border: 3px solid;">Машук - останцовая гора-лакколит магматического происхождения, расположенная в
        Ставропольском крае на Кавказских Минеральных Водах.<br>Находится в северо-восточной части города Пятигорска.
    </p>

</body>

</html>
  • Вопрос задан
  • 90 просмотров
Решения вопроса 1
yesbro
@yesbro
Думаю, помогаю думать
Например так

Для блока надо задать display: inline-block;, но лучше это делать не для p, а для вложенного span.

P.S. По совету Ankhena еще можно оставить p стандартный display и задать width:fit-content. Это второй параграф в примере.
Ответ написан
Ваш ответ на вопрос

Вопрос закрыт для ответов и комментариев

Потому что уже есть похожий вопрос.
Похожие вопросы