10 лет назад
Подскажите, пожалуйста, как сделать фигурную скобку в HTML справа, объединяющие 4 строки?
Только авторизированные пользователи могут оставлять свои ответы
Дата
Популярность
Фоновой картинкой, и паддингом текста справа на ширину картинки.
Картинки, как элемент оформления, лучше не ставить, тогда и очистка флоатов не понадобится.
Например:
.skobka {background:#FFF url(../i/skobka.png) 100% 50% no-repeat; padding:10px 40px 0 0}
Тогда и лишние теги, типа<br clear='all'> не понадобятся. Их вообще в верстке лучше не использовать. И, применив класс skobka к блоку либо параграфу, получите справа фигурную скобку.
Заключить эти строки в div, и div'у в стилях прописать по правому боку картинку.
Еще проще, можно эти строки в див со свойством float: left; и следом <img src='skobka.png'><br clear='all'>
никак. Только картинку сделать такую если.