반응형 div2 div 가운데 정렬 하는 방법 div 가운데 정렬 하는 방법 정렬 방향 div의 가로만 정렬 div의 세로만 정렬 div의 가로와 세로 모두 정렬 div의 가로만 정렬 가로로 정렬하는 세 가지 방법 text-align 속성 이용 flex 속성 이용 position과 transform 속성 이용 ● text align 속성 이용하여 가로 정렬 HTML display: inline-block text-align: center CSS /* 백그라운드 색깔 및 크기 설정 */ html,body{background:#ddd} .outer{width:400px;height:150px;background:pink} .inner{width:150px;height:150px;background:black;color:white} /* 가운데 정렬 .. 2023. 10. 18. Html 태그 정리 Html 태그 정리 Html 태그 사용 빈도수 1. 텍스트 관련 태그 HTML 태그 (1) 태그 종류 설명 hn 제목 / h1~h6까지 숫자가 커질수록 글자 크기는 작아진다. p 텍스트 단락 / 내용이 길면 웹 브라우저 창의 너비에 맞게 자동으로 줄을 바꾼다. br 줄 바꿈 / 텍스트 단락 중 원하는 위치에서 줄을 바꾼다. blockquote 내용 인용 / 다른 내용보다 들여 쓰고 단락으로 표시한다. strong 중요한 텍스트를 굵게 표시한다. b 중요하지는 않지만 굵게 표시한다. em 중요한 텍스트를 기울게 표시한다. i 중요하지는 않지만 기울게 표시한다. ins 내용을 편집할 때 추가한 내용을 표시한다. del 내용을 편집할 때 삭제한 내용을 표시한다. sup 위 첨자 sub 아래 첨자 2. 목록 관.. 2023. 10. 18. 이전 1 다음 반응형