@Tereverda

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

Подскажите, как создать горизонтальную линию по центру кнопки во всю ширину страницы?
Верстаю в Bootstrap, видимо нужно использовать элементы :after и :before, но не могу подобрать комбинацию, чтобы все работало.

647341735f010367709868.png

<div class="col-12 text-center">
    <button class="btn btn-outline-secondary" title="На верх">Наверх <i class="bi bi-arrow-up"></i></button>
</div>
  • Вопрос задан
  • 67 просмотров
Пригласить эксперта
Ответы на вопрос 2
@rootnoroot
Через ::before к text-center
position absolute
и т.д
Ответ написан
Комментировать
delphinpro
@delphinpro
frontend developer
Зачем всё это?
Посмотрите на картинку иначе: кнопка просто висит поверх линии.

<hr>
<button>Наверх</button>

button {
  transform: translateY(-50%);
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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