html , css

Float 가운데 정렬

고로케 2021. 5. 31.
반응형

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;
}

반응형

'html , css' 카테고리의 다른 글

[html,css] 반응형웹 정리  (0) 2021.06.01
html list 정리 ol / ul / li 태그  (0) 2021.05.31
html css position 정리  (0) 2021.05.30
html, css 공백, 띄어쓰기 제거 방법  (0) 2021.05.29
Display 정리  (0) 2021.05.28

댓글