@AlexeyVolkov12

Как реализовать данную идею в верстке?

Ребят, вопрос элементарны5d42aacdbf599327590685.png Есть бордер, который заканчивается на словах и продолжается после них. Как можно реализовать это?
  • Вопрос задан
  • 857 просмотров
Решения вопроса 2
profesor08
@profesor08 Куратор тега CSS
Ну такое совсем просто делается. Много стилей не надо. Достаточно fieldset, legend и чуть чуть transform

<fieldset>
  <legend>Легенда</legend>
  <p>Ну такое совсем просто делается. Много стилей не надо.</p>
</fieldset>


fieldset {
  transform: rotateX(180deg);
}

legend {
  transform: rotateX(180deg);
}

p {
  transform: rotateX(180deg);
}


Ответ написан
Пригласить эксперта
Ответы на вопрос 4
@rampels
В html есть специальный тег для таких рамок с текстом,
htmlbook.ru/html/legend
Ответ написан
l3ftoverz
@l3ftoverz Куратор тега CSS
Люблю Финский металкор
Выпихать через маржин например
Ответ написан
@igumenov
Нужно ссылку положить в span, ему дать позиционирование, отступ внутренний 5px и заливку цвета фона
Ответ написан
@GitJedi
Я бы делал или через legend. Ссылку бы в span не ложил конечно, не симпатично это. Самой ссылке дать позишн Абсолют паддинги и фон. Все)
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
26 авг. 2019, в 01:06
2000 руб./за проект
25 авг. 2019, в 23:48
4000 руб./за проект
25 авг. 2019, в 22:35
1000 руб./за проект