Что-то больше половины тегов здесь не работает. Вот сейчас рамку посмотрим, будет ли она две строки вмещать.

*
Проба текста в рамке на цветном фоне

Проба текста в рамке на цветном фоне

Здесь будет Ваш текст.
И чем больше строчек
тем интереснее

*
*
* Проба 22.12. 2112 просто текст на цветном фоне

ВАШ ТЕКСТ

Вроде бы удачно.
А может ли он быть многострочным?

ВАШ ТЕКСТ
ВАШ ТЕКСТ
ВАШ ТЕКСТ

Чудненько!
А теперь окружим это т шедевр рамкой:

ВАШ ТЕКСТ
ВАШ ТЕКСТ
ВАШ ТЕКСТ

Ну вот за каким хреном такой просвет образуется!?
Возмутительно.
Ну-ка попробую в маленькой рамке:

ВАШ ТЕКСТ ВАШ ТЕКСТ ВАШ ТЕКСТ

*

Кто весел -
тот смеётся,
кто хочет -
тот добьётся,
кто ищет -
тот всегда найдёт.
*

*
1.background-color: #800000 - цвет заливки, font color="#FFCCCC - цвет букв, коды цвета можно взять здесь: Коды цвета для текстов или ещё больший выбор ЗДЕСЬ.
2. padding: 1px - отступ от края, можете поменять цифру в большую или меньшую сторону.

Здесь будет Ваш текстЮ
А вместит ли он несколько строк?
Три, например.

Что-то больше половины тегов здесь не работает. Вот сейчас рамку посмотрим, будет ли она две строки вмещать.

*

*
*
*
Обрамляем текст

Итак, вот правила для простейшей рамки ( в разных браузерах она выглядит по-разному):

<fieldset>...</fieldset>

Рамка с заголовком ("легендой"):


<fieldset><legend>ТЕКСТ ЗАГОЛОВКА</legend>ТЕКСТ В РАМКЕ</fieldset>




Заголовок по умолчанию находится слева, но ему можно задать разные параметры выравнивания:

<legend align="center">ТЕКСТ ЗАГОЛОВКА ПО ЦЕНТРУ</legend>

<legend align="right">ТЕКСТ ЗАГОЛОВКА СПРАВА</legend>



Цвет и размер шрифта заголовка также можно задать свои (см. теги физического форматирования текста). Кроме текста, в заголовке можно разместить изображение (например, оригинальный разделитель).

*
Обрамляем текст

ТЕКСТ ЗАГОЛОВКА

Итак, вот правила для простейшей рамки ( в разных браузерах она выглядит по-разному):

<fieldset>...</fieldset>

Рамка с заголовком ("легендой"):


<fieldset><legend>ТЕКСТ ЗАГОЛОВКА</legend>ТЕКСТ В РАМКЕ</fieldset>




Заголовок по умолчанию находится слева, но ему можно задать разные параметры выравнивания:

<legend align="center">ТЕКСТ ЗАГОЛОВКА ПО ЦЕНТРУ</legend>

<legend align="right">ТЕКСТ ЗАГОЛОВКА СПРАВА</legend>