목록2023/11/23 (1)
사이먼's 코딩노트
[HTML & CSS] 정렬 문제풀이
[문제풀이] 아래 문제는 모든 태그와 텍스트를 가운데 정렬해보고자 만든 문제입니다. 도형취급을 받는 display 속성과 텍스트취급을 받는 display 속성을 잘 구분해서 풀어봅시다. 여유가 된다면 우측 하단에 버튼도 추가해봅시다. See the Pen 문제 by kimhyeji324 (@kimhyeji324) on CodePen. [문제 도전] img는 텍스트 취급을 받는 display: inline 요소이다. 따라서 img를 감싸고 있는 엘리먼트에 가운데 정렬을 한다. img-box에 text-align: center;을 적용한다. 하단에 텍스트들은 도형취급을 받는 display: block 요소 안에 써져있다. (h1, p 태그) text-box에는 가운데 정렬을 위해 margin-left: au..
HTML & CSS
2023. 11. 23. 10:50