Html 两个div拒绝在同一条线上

我有一个包含图像的HTML文件，在该图像下面，我想在同一行上显示两个div，如下所示：

text1                       text2

text1
text2

但不管我怎么尝试，结果都是这样的：

text1                       text2

text1
text2

这很烦人

 <div id="footer">  
                {% block footer %}      
                    <div class="footercontent">                 
                        <div class="left">&copy; blahblahblah </div>

                        <div class="right">
                            <a target="_blank" href="http://privacy.aol.com/">Privacy</a>
                            |   
                            <a target="_blank" href="http://legal.aol.com/TOS">Terms of Use</a>
                        </div>  
                    </div>              
                 {% endblock %}
            </div>

我是不是漏掉了什么明显的东西？我认为浮动是为了解决这个问题

---

编辑：它似乎在Chrome中正确显示

我认为您需要设置锚定标记的显示属性，如

#footer a {
color:#333; 
display:inline-block
}

---

您发布的代码实际工作如下所示

如果使用

float:right

，则第二个子块的右边缘将与包含块的右侧对齐

如果希望第二个块向左，请使用第二个示例中所示的

float:left

，如果需要控制两个元素之间的间距，请添加一个左边距

如果您仍然有问题，可能还有其他一些CSS规则导致冲突

.footer{
保证金：自动；
宽度：400px；/*仅用于演示，精确值不相关*/
边框：1px点蓝色；
溢出：自动；
}
.页脚a{
颜色：#333；
}
.footer a:已访问{
颜色：#333；
}
.页脚.左{
浮动：左；
边框：1px点灰色；
}
.页脚，对{
浮动：对；
边框：1px点灰色；
}
.left.space{
左边距：30px；
}

第一个布局。。。
&抄袭；布拉布拉布拉赫
|
第二个布局。。。
&抄袭；布拉布拉布拉赫
|

是，宽度为

。如果它们都是100%宽，即使浮动，也不能在同一条线上。让他们50%像
#footer.left、#footer.right:50%
。为了查看每个div的位置，我做的一个小技巧是给每个div一个不同的背景，以了解它们的实际位置（：where is
#footer.left
，在HTML中？或者更好，使用一个带有适当开发工具的浏览器（Ctrl+Shift+I）在Mozilla或Chrome中。很抱歉，我之前弄乱了HTML，忘了重新添加。这在Firefox 31和Chrome 39中似乎可以正常工作……您具体使用的浏览器是什么？