[CSS] float 중앙 정렬

# CSS

.test {

    float: right;

    position: relative;

    left: -50%;

}

.test li {

    float: left;

    position: relative;

    left: 50%;

    border: 1px solid red;

}

# HTML

<ul class="test">

    <li>하하</li>

    <li>하하</li>

    <li>하하</li>

    <li>하하</li>

    <li>하하</li>

</ul>