Цитата сообщения Татьян-ка Как окружить текст рамкой?

Как сделать такую конструкцию?



Нужно использовать примерно такой код:

<div style="border: 2px solid orange; width: 100px; text-align: center;"><b>Нужный текст</b></div>

Где параметр "style="border: 2px solid orange;" описывает свойства вашей рамки:

Первый параметр ("2px") - это её толщина.

Второй параметр ("solid") - это её тип.

Третий параметр ("orange") - её цвет.



Параметр "width: 100px" описывает ширину рамки (в пикселях).

Подробно про эти параметры рамки можно прочитать в сообщении, упомянутом в начале.



Параметр "text-align: center" описывает ориентацию текста внутри рамки.

Варианты:

"left" - Выравнивание текста по левой границе;

"right" - Выравнивание текста по правой границе;

"center" - Выравнивание текста по центру;

"justify" - Выравнивание текста по правой и левой границам.

Серия сообщений "рамочка":

Часть 1 - Учимся делать рамочку не используя " ФОТОШОП ".
Часть 2 - РАМКИ ИЗ СЛОЕВ ЦВЕТА.
Часть 3 - Как окружить текст рамкой?
Часть 4 - Формула рамочки
Часть 5 - Формула музыкальной открытки
...
Часть 44 - код сложной рамочки с картинкой
Часть 45 - УРОК ПО СОЗДАНИЮ РАМОЧЕК С РАЗРЫВОМ
Часть 46 - формулы для рамочек