CSS float 요소 중앙 정렬 시키기

참조 : http://rootbox.co.kr/p/268

예) 

#test { 

    float: right; 

    position: relative; 

    left: -50%; 

} 

#test li { 

    float: left; 

    position: relative; 

    left: 50%; 

    

    border: 1px solid red; 

} 

<ul id="test"> 

    <li>아이유</li> 

    <li>효느님</li> 

    <li>수지</li> 

    <li>리지</li> 

    <li>돼지</li> 

</ul> 

구경하러가기: http://jsfiddle.net/E2aVK/