выровнять меню

@zme9 · Регистрация: 22.09.2013

Author24 — интернет-сервис помощи студентам

Привет всем. Есть меню , выровнено по ЦЕНТРУ , НО сверху нету отступа , могу сделать отступ с помощью margin , но хотелось бы узнать , есть ли другой способ выровнять его ровно вертикально ?
То есть что бы отступ был одинаковый сверху и снизу и всё было ровно по центру

css

CSS

.nav_bg{
    background: url(../images/nav_bg.png) repeat-x;
    height: 54px;
    border-radius: 10px;
}
.nav li{
    float: left;
    font-weight: bold;
    text-transform: uppercase;
}
.nav a{
    text-decoration: none;
    margin-right: 50px;
}
.nav ul {
    list-style: none;
    margin:auto;
    padding: 0;
    display:inline-block;
    margin-bottom:-4px;
    text-align:left;
}
.nav{
    text-align:center;
    padding: 0px 5px;
}

html

HTML5

<div class="nav_bg">
                    <div class="nav">
                        <ul>
                            <li><a href="#">Текст</a></li>
                            <li><a href="#">Текст</a></li>
                            <li><a href="#">Текст</a></li>
                            <li><a href="#">Текст</a></li>
                            <li><a href="#">Текст</a></li>
                            <li><a href="#">Текст</a></li>
                            <li><a href="#">Текст</a></li>
                            <li><a href="#">Текст</a></li>
                            <li><a href="#">Текст</a></li>
                        </ul>
                    </div>
                </div>

@monochromer · 06.03.2014, 22:13

Один из вариантов

CSS

 
html, body{
  height: 100%;
}
 
selector{
  position: relative;
  top: 50%;
  margin-top: -(половина высоты);
}

@zme9 · 06.03.2014, 22:44 **[ТС]**

Спасибо , взял position relative и половина высоты )

@zme9 94 / 67 / 23 Регистрация: 22.09.2013 Сообщений: 626
	06.03.2014, 22:44 [ТС]	3
	Спасибо , взял position relative и половина высоты ) 0