Как выравнять блок по центру?

Как выравнять внутренний блок по центру?
В свойствах блока с классом center прописал display: inline-block, однако блок по прежнему занимает всю доступную ширину.


PS. JS не предлагать, если нет решение на CSS, ну тогда все.
  • Вопрос задан
  • 105 просмотров
Пригласить эксперта
Ответы на вопрос 1
Big_Trouble
@Big_Trouble
.parent {
      width: 250px;
      height: 250px;
      background: #eee;
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      justify-content: center;
      align-items: center
    }
    .child {
      width: 180px;
      height: 180px;
      background: #DDD;
    }

<div class="parent">
    <div class="child">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque consectetur provident eaque obcaecati repellat rerum, optio velit harum deleniti ducimus!</div>
  </div>
Ответ написан
Ваш ответ на вопрос

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

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