Можно ли выравнить блок по центру родителя (по горизонтали), если блок шире родителя? Не прибегая к position: absolute и хардкодингу (вычитать слева)?

Question

[sorry_i_noob]

Здравствуйте. Блок шире родителя. Хочу выравнить его по центру по горизонтали, но не получается - слева он прижимается к краю родителя, а справа вылезает за край.
Как мне можно это сделать? Не делая блок абсолютным (мне нужна его высота), не вычитая слева пиксели (хардкодинг). Только через JS?

Comments

[Антон]

Наверное, нужно устранить первостепенную проблему, а именно "блок шире родителя"?

Answer 1

[Владимир Проскурин]

margin-left: -50% для ребенка решит эту проблему.

Еще правильнее, будет использовать связку margin и transform translate. Тогда блок будет по центру в случае, когда дочерний элемент шире и когда меньше чем родительский.