html - 对齐在同一条线上

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;和 margin: 0; 但没有用。

我只是想让它在同一条线上，但在右边调整。感谢所有建议。

Answer 1

将 div 并排放置在容器中

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

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

Fiddle