Как сделать макет, где 3 элемента центрированы по высоте / ширине HTML-страницы

Question

Хорошо, базовая раскладка, которую я хочу, это:

Имейте в виду, что те элементы на стороне должны быть центрированы в части между центральной и боковой стороной страницы.

Я ищу правильное кросс-браузерное (HTML5 / CSS3-совместимое хорошо) решение для HTML-страницы, которое, мы надеемся, не использует javascript

Answer 1

<div style="top:50%" align="center">
<div> STUFF 1 </div>
<div> STUFF 2 </div>
<div> STUFF 3 </div>
</div>