Как правильно сверстать блок между двумя секциями?

Question

[gogadesign]

Здравствуйте, друзья.

Прошу совета у более опытных верстальщиков, как правильно сверстать след. конструкцию:


Т.е. между двумя секциями у меня планируется блок. На данный момент задал ему position: absolute, section id="1" - position: relative, выравнивал свойствами margin. Чтобы h1 не был скрыт под div, задал ему большой margin-top от section id="2".

Вроде бы все получилось, но может правильно было бы сделать как-то иначе?
Спасибо!

Comments

[SecretBrain]

Не переживай, все верно сделал.Можно маргинами, можно bottom минусовой задать, и так и так норм.

Answer 1

[boga-net]

а зачем делать "большой margin-top" ?

если можно сделать

position: absolute;
bottom: 50px;

я бы сделал так - https://jsfiddle.net/ouodkeLn/77/