使div / span显示其内容位于较大div / span的右侧？

Question

基本上我有

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

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

这可能吗？ （这是为了流畅的布局，所以我宁愿不使用px ...或％来解决这个问题。如果有可能以某种方式使用text-align：right或者float：right或者有些奇怪显示：配置，这将是理想的。）

请参阅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