@Ivan_KL

Как правильно сверстать блок?

5d7a02f038d87473321697.png

Как правильно сверстать блок? Что бы верхняя и нижняя рамка прерывался на кнопке и иконке. Я же правильно понимаю, что бордером это не сделать и нужно делать через тег span?
  • Вопрос задан
  • 101 просмотр
Решения вопроса 1
1) Иконку вверху можно через псевдоэлемент сделать.
2) Кнопку через абсолютное позиционирование выровнять

Результат:
https://codepen.io/hisbvdis/pen/rNBvbwo
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@AleninD
Ваш основной блок имеет position: relative.
Иконка и кнопка имеют: position: absolute и top\bottom позиционирование -----> первый вариант

Второй вариант - отрицательные margin. По факту выбрать то что удобнее, и то что лучше будет для адаптива.
Ответ написан
Ваш ответ на вопрос

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

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