[css] 글자 가운데 정렬 하기

안녕하세요. 플입니다.

오늘은 css를 이용해 글자를 가운데 정렬해보겠습니다.

 

---

 1.  글자 준비 

가운데 정렬을 적용할 글자를 준비합니다.

어떤 태그를 사용하던 상관없지만 정렬을 시켜주려면 block태그를 사용해야 합니다.

block태그 중 글자에는 주로 <p>, <div>, <h>등을 사용합니다.

 

 

 

---

 2.  가운데 정렬 

h3{ text-align:center; }

글자의 정렬은 text-align을 사용해 조절해줍니다.

가운데 정렬이니 text-align의 속성 값을 center로 입력해줍니다.

 

코드를 입력하고 새로고침을 하면 글자가 가운데로 정렬된 것을 알 수 있습니다.

 

---

 3.  다른 정렬

h3{ text-align:left; }
h3{ text-align:right; }

글자 정렬의 기본 설정값은 좌측 정렬입니다. 속성 값을 입력해야 할 때는 left를 적어줍니다.

오른쪽 정렬을 하고 싶다면 속성 값으로 right를 적어줍니다.

 

 

---

그럼 이만.

총총.