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
....

您可以float:left将锚标签收缩到其内容，包括float:right-ed 图像：

http://jsfiddle.net/4REuw/

img.arrow {
    float: right;
}

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