Как выровнять элементы внутри <ol>с нумерацией <ol>, когда у нас есть несколько элементов внутри <ol> - PullRequest
Новая
       14

Как выровнять элементы внутри <ol>с нумерацией <ol>, когда у нас есть несколько элементов внутри <ol>

3 голосов
/ 09 августа 2011

Мне нужно сделать так

enter image description here

с этой наценкой 

<ol>
    <li>
        <h2>Lorem ipsum dolor sit amet</h2> 
        <h3>consectetuer adipiscing elit</h3></li>
   <li>
        <h2>Lorem ipsum dolor sit amet</h2>
        <h3>consectetuer adipiscing elit</h3>
  </li>
   <li>
        <h2>Lorem ipsum dolor sit amet</h2>
        <h3>consectetuer adipiscing elit</h3>
  </li>
</ol>

Но я не могу сделать H2, h3 встроенным вЦифра

См. Jsfiddle здесь http://jsfiddle.net/jitendravyas/ZaV3b/3/

Вопросы

Мой выбор тегов в порядке, или есть какой-нибудь лучший способ?

Как получить желаемое позиционирование?

Вы можете попробовать в моем примере jS fiddle

1 Ответ

2 голосов
/ 09 августа 2011

Я думаю, что вы ищете это: 

li {font-size:70px;padding-top:40px;}
h2 {font-size:30px;margin-top:-30px; position: absolute}
h3 {font-size:20px;margin-top:0;}

Дайте h2 absolute позицию с отрицательной margin-top.

См. Демо .

...