Как на бордер засунуть слово?

Question

[del993788]

Здравствуйте. Подскажите, как сделать, чтобы слово было на border и возле него были отступы? Первая идея - дать ширину для слова и дать ему background как у фона, но что делать если основной фон в виде градиента?Прилагаю картинку.

Answer 1

[DevMan]

можно так jsfiddle.net/v148uo28
но насколько это верно, я не в курсе.

Answer 2

[afishr]

Source Code

<fieldset>
<legend>СЛОВО</legend>
Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст
Текст Текст Текст Текст Текст Текст Текст Текст Текст
</fieldset>

Comments

[Матвей Мамонов]

Е-мое, сколько не писал - впервые вижу. Это действительно работает как надо?

[DevMan]

Матвей Мамонов: выше есть линк, можете посмотреть сами.

[Serj-One]

Матвей Мамонов: Работать то работает. Вот только с точки зрения семантики решение неверное. Эти теги предназначены для группировки полей форм, а не для текста.

[afishr]

Serj-One: Ну это уже зависит от ситуации. Ведь вместо "Текст Текст Текст..." как раз могут быть формы.

[Serj-One]

Alex Fisher: Из картинки очевидно, что это не так.

Answer 3

[Night]

На картинке не слово на бордер, акститесь :)
Это верстается совсем иначе, вложенными элементами, у которых свои бордюры.