Как сделать отступы к тексту сверху и снизу? hello,world/n world,dd!!!! это отдельные li-шки. вот картинка, хочу исправить.(сделать выравнивание)
у меня в картинке background: linear-gradient сделан по ul-у, можно ли сделать так, чтобы буквы шли по центру? или тупо брать каждое li и назначив каждому id добавлять padding?
Вот html Код (Text): <div> <ul id="menu"> <li class="kolonki"><a class="kolonki">Hello</a></li> <li class="kolonki"><a class="kolonki">world <br/> world</a> <ul id="menu1" > <li>Wwwwwww|</li> <li>Owwwwww|</li> <li>Rwwwwww|</li> <li>LDwwwww</li> </ul> </li> <li class="kolonki"><a class="kolonki">dd!!!!</a></li> <li> <a class="kolonki">www</a></li> </ul> </div> вот css Код (Text): ul#menu{ width: 920px; background-color: #804a0b; background-image: linear-gradient(#f4e2c8, #804a0b); /*border-radius: 6px;*/ box-shadow: 0 1px 1px #777; text-transform: uppercase; font:16px Arial, Helvetica; text-decoration: none; text-shadow: 0 1px 0 #000; margin:0; padding:0; } ul#menu1{ background-color: #fdf4e3; /*border-radius: 6px;*/ box-shadow: 0 1px 1px #777; text-transform: uppercase; font:16px Arial, Helvetica; text-decoration: none; text-shadow: 0 1px 0 #000; } a.kolonki:hoverm,{ background: #fff9e0; background-image: linear-gradient(#f7d683, #e8c478); } ul#menu1 li:hover{ background: #f7d683; } ul#menu li{ position: relative; list-style-type: none; display:inline-block; } ul#menu1{ position: absolute; left: -9999px; } ul#menu li.kolonki:hover ul#menu1 { display: block; left:0; }
Вопрос в том что world <br> World и hello в данной картинке, неодинаково определяются по вертикали относительно фоновой картинки,меня интересует есть ли такой код который автоматом бы центрировал?