Как выровнять сечение по центру при горизонтальной навигации?

Question

Мой сайт предназначен для горизонтальной навигации с разделом 960px, который вызывается с помощью якорей (например, слайд-шоу), и я хотел выровнять свои разделы по центру, в зависимости от размера окна.

Это код:

 <div id="wrapper">
    <div class="section" id="section1">test</div>
    <div class="section" id="section2">test2</div>
    <div class="section" id="section3">test3</div>
    <div class="section" id="section4">test4</div>
  </div>

#wrapper{
  position:absolute;
  left: 10%;
  width: 5000px;
}

.section{
  width: 960px;
  height: 576px;
  float: left;
}

Выравнивание по центру при загрузке страницы, но не с помощью навигационного якоря.

Помогите мне, пожалуйста

Спасибо.

Answer 1

Не могли бы вы сделать что-то подобное? ...

.wrapper {width:960px;}
ul#nav {width:auto; margin:0 auto;}

<div class="wrapper">
    <ul id="nav">
        Nav links
    </ul>
</div>

Answer 2

использование

 display : table-cell;
 vertical-align : middle;

Ссылка