Задать вопрос
leshikgo
@leshikgo

Как лучше можно реализовать данный блок?

Здравствуйте. Есть блок вида:
046e49b9f51a42f98bae24507e86108a.png
Как сделать заголовок ровно по центру страницы, а кнопку по правому краю? Пока на ум только position:absolute приходит для кнопки, но это не вариант для меня(некрасиво это). Флоутами если делать то заголовок не по центру будет... Вроде легко, но что-то на ум не приходит, толи от усталости уже..
<div class="page-content__head">
      <h1 class="page-content__head-title">Kreditləşmə</h1>
      <a href="#" class="btn btn--green">Kredit hesablamaq</a>
    </div>
  • Вопрос задан
  • 289 просмотров
Подписаться 1 Оценить Комментировать
Решения вопроса 3
tomgif
@tomgif
Веб-разработчик
Флексбокс! Стильно, модно, молодежно!
.page-content__head {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
Ответ написан
@Camaro67
Помог? - жми "Отметить решением"
А чем позиционирование не устраивает? Вполне нормальное решение.
.page-content__head {
  position: relative;
}

.btn {
  position: absolute;
  top: 0;
  right: 0;
}
Ответ написан
SuperToster
@SuperToster
Пожалуйста https://jsfiddle.net/muf8c244/

Но лучше переходите на flex.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы