Центрирование div внутри li в css

Хорошо, я просто знаю, но не для меня ... Я не могу понять это!Центрирование div внутри li в css

<ul> 
    <li>Hi</li> 
    <li>Hello World 
    <div>Hello again</div> 
    </li> 
    <li>Hola</li> 
</ul>

Мне нужен центр div внутри li, чтобы совпасть с центром ли. Прямо сейчас он выравнивается с левой и левой сторонами. Я знаю, что для этого должно быть легко исправить это, но я просто не могу его найти! Мне нужно, чтобы это был div, а не ли. Пожалуйста, любая помощь будет принята с благодарностью. Спасибо всем и каждому заранее!

Вот маленький кусочек CSS, что у меня сейчас:

#show li{float: left; 
      padding: 10px; 
      width: 100px; 
      display: block;} 
    .sub{position: absolute; 
     display: block; 
     background: #333; 
     color: white; 
     width: 910px; 
     margin: 0 auto;}

ДИВ является падение вниз при наведении курсора мыши с помощью JQuery, но мне нужен ДИВ быть больше ли, это левая сторона совместив в левой части ли, мне нужно, чтобы весь div находился в центре под ли. Я надеюсь в этом есть смысл. Автоматическая маржа 0 не работает.

источник

2012-01-26 liveandream

Не могу сказать без CSS, но попробуйте использовать margin: 0 auto на div. Добавить позицию: относительно родительского ли. –

Можете ли вы показать свой существующий CSS? Также поможет [demo] (http://jsfiddle.net/). Прямо сейчас, непонятно, почему вы не можете просто добавить 'text-align: center' в' div'. – thirtydot

Я добавил его выше ... спасибо! – liveandream

Дайте Div класс, как это:

<div class="someClass">Hello again</div>

Затем дать ему ширину, которая меньше, чем ширина вашей литий и добавить «маржа: авто» центрировать его:

.someClass { width: 80%; margin:auto }

источник

2012-01-26 18:16:17 kleezy

Центрирование div внутри li в css

ответ

Смежные вопросы