Jquery 如何使图像和文本内联？

我的HTML代码是

<div id="policydoc" >
    <img src="images/arrowdown.png" />   
    <div id="policytext">Policy</div>  
    <img src="images/arrowdown.png" />   
    <div id="policytext">Receipt</div>  
</div>

政策
收据

我想让向下箭头图像和保单文本与左侧对齐，让第二个向下箭头图像和收据文本与右侧对齐，但在同一行中。我想让所有这两个图像和两个文本在同一行中。有人能帮我安排吗？提前感谢。

像这样添加CSS

#policydoc img {
float: left;
} 

#policydoc #policytext{
float: right;
} 

---

希望这是你想要的

html

<div id="policydoc" >
    <div class="left">
        <img src="images/arrowdown.png" />   
        <div class="policytext">Policy</div>
    </div>
    <div class="right">    
        <img src="images/arrowdown.png" />   
        <div  class="policytext">Receipt</div> 
    </div>
</div>​

---

正如@Dipaks所指出的，您应该使用

display:inline块，但是，您当前也有无效的html标记：

<div id="policydoc" >
    <img src="images/arrowdown.png" />   
    <div class="policytext">Policy</div>  
    <img src="images/arrowdown.png" />   
    <div class="policytext">Receipt</div>  
</div>

您使用的
div
是错误的，并且如果您试图使用div将元素放在一行中，您不完全理解div创建的范例

一个
div
就像一个元素
span
。我认为
span
跨越屏幕（我是说英语的，所以从左到右）。无论如何，
span
是专门为行内元素创建的，而
div
是为块创建的

实际上，您可以将
div
放在内联位置，但是，您将以一种感觉不自然的方式弯曲HTML。我认为一个在线的
div
是一个天生的怪物，应该被打败，直到它变成
span
请在CSS部分发布这个问题。使用图像作为背景图像&对不同的位置使用不同的类。您有两个id相同的元素。。这是无效的html。改用类。
<div id="policydoc" >
    <img src="images/arrowdown.png" />   
    <div class="policytext">Policy</div>  
    <img src="images/arrowdown.png" />   
    <div class="policytext">Receipt</div>  
</div>

div.policytext {
    display: inline-block;
}