CSS : 상대 위치 지정으로 오른쪽 정렬

Question

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

상대적인 위치 지정 (float 또는 absolute가 아닌 ... 요소가 정상적인 흐름으로 유지되어야 함)을 사용하여 P 요소에 일부 텍스트를 배치하려는 경우 그 부모 요소의 우단 목표는 목록 항목을 왼쪽에, 텍스트를 오른쪽에있는 p 요소에 넣는 것입니다. 확실히 쉬운 방법이 있어야합니다. 어떤 제안?

이 부분은 fiddle입니다.

Answer 1

상대 위치 지정으로는이를 수행 할 수 없습니다. 떠 다니는 물체는 정상적인 흐름에서 벗어나지 만, 마치 물체를 흐르게하는 것처럼 정리할 수 있습니다. http://jsfiddle.net/MPLwv/

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