Не получается выровнять по центру?

Question

[evgemiil]

codepen.io/evgeniel/pen/LRWoyV Не могу понять почему не выровняется по центру эти три блока, хочу выровнить с помощью псевдо элемента псевдо-элемента, в чем ошибка укажите пожалуйста для того чтобы исправить

Answer 1

[gleendo]

codepen.io/evg_/pen/zKkQPg?editors=1100
Убирайте абсолютное позиционирование у .parent и .ng-scope.
Добавьте .parent

display: flex;
justify-content: center;
align-items: center;

Comments

[evgemiil]

спасибо работает, но он с IE 10 версии насколько я знаю только?

[gleendo]

evgemiil: да IE только с 10.
Вот тут много способов выровнять блок по центру https://habrahabr.ru/post/238449/

[evgemiil]

evg_: так я оттуда и взял способ выравнивания псевдо-элементом, пробывал разными способами, но неполучается

Answer 2

[Sn0wSky]

Очень странные вещи, но если сильно ничего не менять, то

это

.ng-scope {
  width: 1096px;
  height: auto;
  top: 50%;
  left: 50%;
  position: absolute;
  margin-top: -89px;
  margin-left: -273px;
}

замените на это

.ng-scope {
  width: 1096px;
  height: auto;
  top: 50%;
  position: absolute;
  margin-top: -89px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

не знаю исходной задачи, но с position: absolute мне кажется Вы перемудрили

Comments

[evgemiil]

а если сильно менять, и как будет лучше? может варианты еще лучше есть?