开发者

Numbers position in <ol> with image only within it

How can I position the numbers of an ordered list when the only element within it is an image.

Exemple : http://i.stack.imgur.com/zyeWc.jpg

I would like to have to numbers at the top.

Thanks.

Code :

<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/开发者_JS百科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;}


ol img {
   vertical-align: top;
}

Example

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜