Как лучше всего сверстать этот блок?

Question

[Crushing]

Как лучше всего сверстать данный блок? Он находиться на стыке первой секции и второй. Пробовал задать секции position:relative, блоку абсолют, но тогда появляется проблема с центрированием, + значение max-width не работает для этого блока в таком случаи, и приходиться задавать фиксированную ширину, в процентах тоже нельзя, т.к. опять же абсолют. В общем вопрос, как сделать этот блок, что бы он имел относительную ширину и что бы он всегда находился по центру на любых экранах?

Comments

[Ankhena]

transform: translateY(-50%);
https://jsfiddle.net/bveanxfa/

Answer 1

[Виталий]

Нужно отрицательным маржином отступать, от верха (или низа в зависимости от вашей структуры), тогда max-width будет работать, а побокам маржин auto (margin:-50px auto 0 auto).