数字位于<ol>中仅包含图像</ol>

Question

当其中唯一的元素是图像时，如何定位有序列表的编号。

例如：http://i.stack.imgur.com/zyeWc.jpg

我想在顶部有数字。

感谢。

代码：

<ol>
        <li class="a1-q1"><img src="../musee_recherche/mediums/00123.jpg" alt="" width="418" height="220" />
        </li>
        <li class="a1-q2"><img src="../musee_recherche/mediums/00123.jpg" alt="" width="418" height="220" />
        </li>
        <li class="a1-q3"><img src="../musee_recherche/mediums/00123.jpg" alt="" width="418" height="220" />
        </li>
        <li class="a1-q4"><img src="../musee_recherche/mediums/00123.jpg" alt="" width="418" height="220" />
        </li>
        <li class="a1-q5"><img src="../musee_recherche/mediums/00123.jpg" alt="" width="418" height="220" />
        </li>
        <li class="a1-q6"><img src="../musee_recherche/mediums/00123.jpg" alt="" width="418" height="220" />
        </li>
    </ol>

    ol {
list-style-type:decimal;
list-style-position:inside;
margin:10px 0 5px 20px;
padding:0;}

ol li {
font-size:12px;
line-height:18px;
margin:0;
padding:0;
color: #000000;}

Answer 1

ol img {
   vertical-align: top;
}

Example