Центрирование <DIV>с CSS - PullRequest
Новая
       8

Центрирование <DIV>с CSS

0 голосов
/ 09 марта 2020

Я создал следующий веб-сайт:

http://passive.expert/

Я пытаюсь расположить белую CSS рамку "Золотой план" так, чтобы она была аккуратно подходит под заголовком «Наш пакет».

Код CSS, который необходимо отредактировать для белого поля: 

.investment_plans{

    height: 100%;
    background-position: center 0;
    background-size: cover;
    position: relative;
    padding-top: 100px;
    padding-bottom:120px;
}

Я играл с этим часами и не могу чтобы найти способ центрировать коробку.

Любая помощь будет принята с благодарностью.

Приветствия.

1 Ответ

0 голосов
/ 13 марта 2020

, если вы хотите центрировать div с помощью CSS, вы можете попробовать код под ним, центрируя div в центре экрана 

.investment_plans{
  height: 100%;
  background-position: center 0;
  background-size: cover;
  position: relative;
  padding-top: 100px;
  padding-bottom:120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
}
...