CSS：右对齐相对定位

Question

<div id="container">
<ul>
    <li>one</li>
    <li>two</li>
</ul>
<p class="inline-block">hello world</p>
</div>

我想使用相对定位（不是浮点数或绝对值......元素需要保留在此处的正常流中）将一些文本放在P元素中，而不是其父元素的右边缘。目标是让列表项位于左侧，而文本位于右侧的p元素中。当然必须有一个简单的方法。有什么建议吗？

请参阅此fiddle。

Answer 1

你不能用相对定位来做到这一点。虽然浮子将从正常流量中取出，但它们可以被清除，就像将它们保持在流动中一样。 http://jsfiddle.net/MPLwv/

ul {
    float: left;
}
p {
    float: right;
}
div:after {
    content: '';
    display: table;
    clear: both; /*Cleared!*/
}