javascript - 将 div 对齐在同一行

Question

如何使公司标志div与名称、地址、电子邮件和iphone容器相邻...我尝试提供内联显示并向右浮动，但它没有向上移动...在下面提供我的代码....

http://jsfiddle.net/CfzSF/embedded/result/

<div style="width: 464px;">

    <div class="page-title">Company Name</div>
    <div style="font-size: 12px; color: #222;">Name:</div>
    <div style="font-size: 12px; color: #222;">Address:</div>
    <div style="font-size: 12px; color: #222;">Email:</div>
    <div style="font-size: 12px; color: #222;">Phone:</div>


</div>


<div style="border: 1px solid #1a4567; width: 100px; float: right;">
    <div>Company</div>
    <div>Logo</div>
</div>

Answer 1

使用 display: inline-block - 水平对齐元素

此外，您还可以选择使用 float - 它会产生相同的效果。

编辑:

您还应该将 float: left 添加到包含 name、address、email 和 phone 字段的容器中。通过为容纳这些元素的容器赋予 float，容器将不会占据整个屏幕的宽度，而是占据最宽元素的宽度。

工作示例:

http://jsfiddle.net/ee6GW/4/