Задать вопрос
@kkrieger
html

Как правильно сверстать такой элемент?

Смущает текст вверху и рамка которая идет от текста идея есть - сделать тексту отрицательный  margin-top что бы поднять его вот ищу более красивый вариант270fd80bbcdc41eaba307e0d2f3a2cd6.png
  • Вопрос задан
  • 498 просмотров
Комментировать
Подписаться 3 Оценить Комментировать
Решения вопроса 1
yurzui
@yurzui
Элемент fieldset предназначен для группирования элементов формы.
Если хотите иметь что-то более семантичное, то добро пожаловать в мой пример без fieldset.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 3
julia_amake
@julia_amake
Front-end разработчик
можно так:
<fieldset>
  <legend>About us</legend>
  <p>Lorem ipsum...</p>
</fieldset >
Ответ написан
2 комментария
2 комментария
mrusklon
@mrusklon
Не получается? Яростно гугли!
codepen.io/anon/pen/xGXavj
ну и дальше padding и остальная стилизация
Ответ написан
Комментировать
Комментировать
Petroveg
@Petroveg
Миром правят маленькие с#@&ки
Промежуток c текстом на уровне рамки блока?
Непосредственно ваш пример с идентичным макетом (внутри ещё пара ссылок на задачи с рамками).

Как грамотно стилизовать h1 средствами CSS?
Просто ещё один вариант с горизонтальными линиями вокруг.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Разработать программу для работы с PCI-E
24 апр. 2024, в 11:18
10000 руб./за проект
В wordpress подключить модуль по рассрочке (документацию дам)
24 апр. 2024, в 10:58
4500 руб./за проект
Развернуть болванку мултиплеерной игры unity на сервере
24 апр. 2024, в 09:59
5000 руб./за проект
Ещё заказы