html - リスト内のアンカーで画像を右にフロートします

Question

矢印の画像をアンカーの右側に貼り付けようとしています

<ul>
   <li><a class="linkchild" href="#"><img class = "arrow" src="Images/arrow.png" alt="&#9658;"> 3.1 jQuery</a> 
    <ul>
        <li><a class="linkchild" href="#">3.1.1 Download</a></li>
        <li><a class="linkchild" href="#">3.1.2 Tutorial</a></li>
    </ul>
   </li>
   <li><a  class="linkchild" href="#">3.2 Mootools</a></li>
   <li><a class="linkchild" href ="#">3.3 Prototype</a></li>
</ul>

CSS：

img .arrow 
{
    float: right;
}

Answer 1

img .arrow 

->クラスを持つ画像タグの子arrow-現在のcss

img.arrow

->クラスの画像arrow-おそらくあなたが本当に書きたかったもの

Answer 2

ねえ今このように使用

img.arrow 
{
    float: right;
}

これではない

img .arrow 
{
    float: right;
}

使ったから

<img src="" class="arrow">

Answer 3

このレイアウトが必要だとすると、次のようになります。

3.1 jQuery [IMG]
3.1.1 Tutorial
....

-ed画像float:leftを含むコンテンツにシュリンクラップするアンカータグを使用できます。float:right

http://jsfiddle.net/4REuw/

img.arrow {
    float: right;
}

a {
    border: 1px solid red;
    float: left;
    clear: left;
}
​