Доброе время суток. Сделал горизонтальное меню из списка. Помогите разобраться с выравниванием. Ширина фоновой картинки 1000px, высота 30px. Надо текст выровнять по горизонтале по центру и по вертикале центру. Как? CSS .menu{ margin: 0; padding: 0; float: left; font: bold 15px Georgia; width: 100%; background-image:url(images/bg_navbar.gif); /* фоновая картинка 1000Х30px*/ } .menu li{ display: inline; } .menu li a{ float: left; color: #000; padding: 5px 15px; text-decoration: none; } .menu li a:visited{ color: #000; } .menu li a:hover, .menu li .current{ color: #FFC; } HTML <ul class="menu"> <li><a href="#" title="" class="current">Главная</a></li> <li><a href="#" title="" >Галерея</a></li> <li><a href="#" title="">Проекты</a></li> <li><a href="#" title="">Статьи</a></li> <li><a href="#" title="">Контакты</a></li> </ul> А также как выровнять текст по вертикале по центру в дивах (div)? vertical-align: middle - не помогает. Посмотреть можно здесь И еще вопрос: div выровнял по центру margin: 0px auto; Как сдвинуть div на 20px влево от центра?