Float 가운데 정렬

1. display: inline 속성일 때

 

text-align: center; 이용

 

2. display: block 속성일 때

 

margin-left: auto;

margin-right: auto;

 

 

#test {
    float: right;
    position: relative;
    left: -50%;
}

#test li {
    float: left;
    position: relative;
    left: 50%;
    
    border: 1px solid red;
}