@kkrieger

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

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

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

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

Войти через центр авторизации
Похожие вопросы