Как сделать html div border с числом?

Question

[1ndrei]

Можно ли сделать такое, как на картинке в приложении с помощью html css ?

Answer 1

[Евгений Самойленко]

html legend

Answer 2

[Lynn «Кофеман»]

Есть такой магический элемет LEGEND

jsfiddle.net/xuhtq2hz/1

Answer 3

[haiku]

Можно. Набросал на фидле jsfiddle.net/55vnbp38

Comments

[1ndrei]

отлично! А как сделать, чтобы 45 дол не в css прописывалось? Это тоже должно быть в html.

[haiku]

1ndrei: jsfiddle.net/55vnbp38/1 обновил фидл

[1ndrei]

haiku: вот это вроде то, что нужно. Fieldset Legend похоже все-таки немного как не для этого. Спасибо!

Answer 4

[Lumore]

jsfiddle.net/pszLjhwf

Answer 5

[tennalian]

Никак. Костыли. Если однотонный фон, можешь диву задать рамку, а баксы поместить в инлайн-блоковый спан с бэкграундом и спозиционировать его повыше. Такие помидорки

Comments

[tennalian]

Или кастомизируй legend htmlbook.ru/html/legend

[1ndrei]

Да, вот это норм.