html - 使一个 div/span 在更大的 div/span 的右侧显示其内容？

Question

基本上我有

<div>Option 1</div>
<span>Here is some text that would naturally require options</span>

所以我希望选项 1 文本位于跨度右侧的顶部。

这可能吗？ (这是为了流畅的布局，所以我宁愿不使用 px...是理想的。)

参见 http://imgur.com/tlpBBf5澄清我可怕的解释。

谢谢!

Answer 1

HTML:

<div id="container">
    <div>Option 1</div>
    <div>Here is some text that would naturally require options</div>
</div>

CSS:

#container { display:table; margin: 0 auto; }
#container > div { text-align: right; }

JSFiddle