display:inline-block 으로 메뉴 만들기 MENU1 MENU2 MENU3 MENU4 [예제 1] [그림 1] MENU1 MENU2 MENU3 MENU4 [예제 2] [그림 2] /* 메뉴 중앙정렬 */ MENU1 MENU2 MENU3 MENU4 [예제 3] [그림 3] 메뉴 중앙정렬 (text-align:center) 인라인 요소나 인라인 블럭요소는 부모 요소에 text-align:center 를 추가하면 중앙정렬이 됨 ul은 부모요소이며 block 속성을 지닌다. CSS 2021.12.11
display 속성 (inline, block level,,,,) Display 속성은 해당요소(태그)가 브라우져 화면에 어떻게 나타는 지를 결정합니다. Display 속성 값에는 여러 속성 값이 있지만 브라우져가 모든 값을 지원하지는 않습니다. 브라우져에서 지원하는 대표적인 속성으로는 block, inline, inline-block, none등이 있습니다. Block 속성 : 한 라인에 하나의 block 요소가 배치됩니다. 기본 너비 값은 브라우져 화면의 100%를 차지합니다. Width, height의 크기 값을 가질 수 있으며 상하 좌우 마진 값을 가질 수 있고, 상하 좌우 패딩 값도 가질 수 있습니다. 다음과 같은 태그들이 block 속성에 해당합니다. h1 ~ h6, div, p, ul, ol, li, header, nav, aside, main, secti.. CSS 2021.12.11