Javascript 将div对齐在同一行中

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

公司名称
姓名：
地址:
电邮：
电话：
单位
标志

使用

显示：内联块

-水平对齐元素

此外，您还可以选择使用

float

——它将具有相同的效果

编辑：

您还应该将

float:left

添加到包含

姓名、地址、电子邮件和电话

字段的容器中。通过给容纳这些元素的容器一个

浮点数

，容器将不会占据屏幕的整个宽度，而是占据最宽元素的宽度

工作示例：

---

使用

显示：内联块

-水平对齐元素

此外，您还可以选择使用

float

——它将具有相同的效果

编辑：

您还应该将

float:left

添加到包含

姓名、地址、电子邮件和电话

字段的容器中。通过给容纳这些元素的容器一个

浮点数

，容器将不会占据屏幕的整个宽度，而是占据最宽元素的宽度

工作示例：

---

将浮动项放在非浮动项之前

<div style="border: 1px solid #1a4567; width: 100px; float: right;">
    <div>Company</div>
    <div>Logo</div>
</div>
<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>
<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>

单位
标志
公司名称
姓名：
地址:
电邮：
电话：