Текст сверху border

[efendi]

Коллеги, подскажите пожалуйста, какие стили прописать тексту, чтобы он был поверх рамки border-top?

 

Скриншот:

[pangurban]

код в студию

[efendi]

код в студию

 

Собственно, это мне и требуется.

Нужно сверстать блок, указанный на скриншоте.

 

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

Edited October 18, 2014 by efendi

[Laroxx12]

Где то в видео видел, по  моему у Sorax'a

могу ошибаться же конечно....

Это делается с помощью тега legend почитайте статью

Edited October 18, 2014 by Laroxx12

[lexxcode]

http://jsfiddle.net/alexriz/L0be7q8j/

http://htmlbook.ru/html/fieldset

[efendi]

Laroxx12, alexriz, ребята, огромное вам спасибо!

[Laroxx12]

Laroxx12, alexriz, ребята, огромное вам спасибо!

Не за что, и вообще смотри код в браузере если тебе не понятно что то..

[lexxcode]

Так, а что ему смотреть если он сверстать не мог?

 

 

offtop: еще одному николаевцу, привет

[efendi]

Так, а что ему смотреть если он сверстать не мог?

 

 

offtop: еще одному николаевцу, привет Салют-салют

 

Было бы что верстать)

Дело не в вёрстке, а в стилях.

Протупил я, забыв о теге fieldset.

[Laroxx12]

Так, а что ему смотреть если он сверстать не мог?

 

 

offtop: еще одному николаевцу, привет

Ну я до этой темы тоже не знал как это сделать)))) ввел по быстрому в гугл что на картинке написано у тс, нашел этот сайт и посмотрел код..... дал ему ссылку)))

[efendi]

 

Так, а что ему смотреть если он сверстать не мог?

 

 

offtop: еще одному николаевцу, привет

Ну я до этой темы тоже не знал как это сделать)))) ввел по быстрому в гугл что на картинке написано у тс, нашел этот сайт и посмотрел код..... дал ему ссылку)))

 

Факт тому, что я смотрел в firebug на код этого блока и видел тег fieldset на этом сайте юкоз) Но...Не придал ему значения)))

Но протупил я, простите Заработался!

Edited October 18, 2014 by efendi

[Laroxx12]

 

 

Так, а что ему смотреть если он сверстать не мог?

 

 

offtop: еще одному николаевцу, привет

Ну я до этой темы тоже не знал как это сделать)))) ввел по быстрому в гугл что на картинке написано у тс, нашел этот сайт и посмотрел код..... дал ему ссылку)))

 

Факт тому, что я смотрел в firebug на код этого блока и видел тег fieldset на этом сайте юкоз) Но...Не придал ему значения)))

 

Ясно)

[psywalker]

А ещё так можно)

[efendi]

А ещё так можно)

 

Большое спасибо! Интересное решение!

[lexxcode]

А ещё так можно)

плохое решение, потому что вот: http://jsfiddle.net/alexriz/L0be7q8j/9/

[efendi]

 

А ещё так можно)

плохое решение, потому что вот:

 

 

Ошибочка в ссылке!

Edited October 18, 2014 by alexriz

[lexxcode]

исправил http://jsfiddle.net/alexriz/L0be7q8j/9/

[efendi]

исправил http://jsfiddle.net/alexriz/L0be7q8j/9/

 

Понял. Код от psywalker подходит только для белого фона.

[npofopr]

http://kizu.ru/fun/legends-and-headings/

[psywalker]

 

исправил http://jsfiddle.net/alexriz/L0be7q8j/9/

 

Понял. Код от psywalker подходит только для белого фона.

 

Да  это понятно, я просто показал один из вариантов.

[psywalker]

Можно ещё так, кстати.

[efendi]

Можно ещё так, кстати.

 

Можно)

Но вариант от alexriz c fieldset самый лучший и простой.