L'Image à l'intérieur <li> tag

J'ai une question sur les éléments flottants à l'intérieur de <li> tag.

J'ai balisage suivant

<li>
<img src="concept-truck.jpg" alt="2013 Toyota Tacoma" id="itemImg" style="float:left">
<p>2013 Toyota Tacoma</p>
<p>Price : 450000$</p>
<p>Year : 2013</p>
<p><a href="/item/index/63">more</a></p>            
</li>

Dans FF, c'est à dire fonctionne très bien, mais dans Chrome liste de la numération des flotteurs de l'image.
Comment résoudre ce problème? Grâce

OriginalL'auteur MaxD | 2013-07-29

  1. 13

    Je voudrais reprendre ton exemple, comme ceci:

    <li>
    <div style="float: left;">
        <img src="concept-truck.jpg" alt="2013 Toyota Tacoma" id="itemImg">
    </div>
    <div style="float: left;">
        <p>2013 Toyota Tacoma</p>
        <p>Price : 450000$</p>
        <p>Year : 2013</p>
        <p><a href="/item/index/63">more</a></p>
    </div>
    <div style="float: none; clear: both;"></div>
</li>

    C'est écrit avec inline-style CSS attributs, qui j'ai l'habitude ont tendance à éviter, mais comme dans votre exemple, je l'ai écrit comme vous l'avez fait en ligne.

    zlomerovic, merci.

    OriginalL'auteur