在同一条线上对齐

Question

我只是想在同一行上对齐一些文字，我的CSS是这样的：

#logo {
        width: 600px;
        margin: auto;
        margin-top: 250px;
}  

我的代码：

    <div id="logo">Text Here
      <div align="right">Text There</div>
    </div>

这就是它所显示的：

你会碰巧知道我做错了什么吗？我为第二个div尝试了内联样式，padding: 0; and margin: 0;但是没有用。

我只是希望它在同一条线上，但在右侧调整。谢谢你的所有建议。

Answer 1

将div并排放在容器中

<div style="width:600px;">
    <div id="logo">Text Here</div>
    <div style="float:right;">Text There</div>
</div>

然后将display:inline-block; CSS属性添加到两个div。

Fiddle

Answer 2

div会自动设置为“块”格式，这意味着它们不允许任何内容与它们对齐。 要解决您的问题，但div代码中的代码为'align =“right”'：

style="display: inline;"