Я пытаюсь добавить CSS, чтобы дополнить свой HTML-код. Я пытаюсь создать маленькую рамку, размер которой меняется в зависимости от количества текста. В настоящее время это выглядит так в действии.
По сути, я бы хотел, чтобы вокруг текста образовалась небольшая рамка. Обратите внимание на последний «прямоугольник» на изображении: если строка слишком длинная, она обрывается и продолжается на следующей строке.
Включен код CSS и пример использования.
<style type="text/css">
boxytest
{
padding: 10px;
text-align: center;
line-height: 400%%;
background-color: #fff;
border: 5px solid #666;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 2px 2px 4px #888;
-moz-box-shadow: 2px 2px 4px #888;
box-shadow: 2px 2px 4px #888;
}
</style>
<body>
<div align="center">
<boxytest> Hey guys! What's up? </boxytest>
</div>
</body>
Любая помощь приветствуется.