当我们在<ol> </ol> </ol> </ol>中有多个元素时，如何将<ul>中的元素与<oil>的编号对齐

Question

我需要这样做

使用此标记

<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与Digit内联

请参阅Jsfiddle http://jsfiddle.net/jitendravyas/ZaV3b/3/

问题

我的标签选择是否正常，或者有更好的方法吗？

如何获得理想的定位？

您可以尝试我的jS小提琴示例

Answer 1

我认为你正在寻找这个：

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

。{/ 1>

请参阅The Demo。