html div 태그 마스터하기 - 기본적인 옵션 적용

Div 는 영역을 지정하여 그 영역에서 특정 내용물을 포장하는 것이라고 이해.

---

1 2 3

<div align="center"> div 가운데 정렬 </div>

1 2 3

<div align="center" style="border : 1px solid red;"> 가운데 정렬 + 테두리 선 </div>

1 2 3

<div align="center" style="border : 1px solid red; background: green;"> 가운데 정렬 + 테두리 선 + 배경색 </div>

1 2 3

<div align="center" style="border : 1px solid red; background: green; color:white;"> 가운데 정렬 + 테두리 선 + 배경색 + 글자 색 </div>

1 2 3

<div align="center" style="border : 1px solid red; background: green; color:white; font-weight: bold;"> 가운데 정렬 + 테두리 선 + 배경색 + 글자 색 + 글자 굵기 </div>

1 2 3

<div align="center" style="border : 1px solid red; background: green; color:white; font-weight: bold; width: 50%;"> 가운데 정렬 + 테두리 선 + 배경색 + 글자 색 + 글자 굵기 + div 길이 </div>