G's days
ul속 여러 개의 li를 화면 가운데 정렬 (block요소 가운데 정렬) 본문
가운데 정렬
ul 속성에 text-align : center
li 속성에 display : inline-block (단, float : left 와 함께 쓰면 안 됨)
참고) block요소를 한 줄로 배치
li 속성에 아래의 둘 중 하나 를 쓴다
1) display : inline-block
2) float : left
block, inline, inline-block 이해하기
display 이해하기 종류, 특징
display의 종류 display : block 한줄을 차지함 display : inline 내용이 있는 부분만 보여줌 display : inline-block 상자. 상자만큼 차지함(한줄에 여러 개 배치 가능) * 코드상 띄어쓰기or줄바꿈하면 화면상 공..
gsdays.tistory.com
'프로그래밍 공부 > Html, CSS' 카테고리의 다른 글
| [JQUERY]그림 슬라이드 이동 setInterval (1) | 2021.06.02 |
|---|---|
| [box-sizing] 왜 상위태그 상자 안에 있는 block요소에 margin-top을 주면 상자 전체가 움직일까??? (0) | 2021.05.26 |
| [CSS] selector, property, value (0) | 2021.05.22 |
| display 이해하기 종류, 특징 (0) | 2021.05.22 |
| 내가 보려고 만든 position 완전히 이해하기 (0) | 2021.05.22 |