지나가던 개발자
[HTML] 글자 정렬하기 본문
HTML으로 웹페이지를 만들 때, 글자를 정렬함은 매우 중요합니다.
정렬으로는 가운데 정렬, 왼쪽 정렬, 오른쪽 정렬 등이 있죠.
가운데 정렬
HTML에서 글자를 가운데 정렬하는 법은 두 가지가 있습니다.
첫번째로는 <center> 태그를 이용하는 것이고, 두번째로는 CSS를 활용하는 것이죠.
<center> 태그를 이용하는 방법부터 살펴보자면,
<center>TEXT</center>
이렇게 이용해 주시면 됩니다.
CSS를 활용하는 방법으로는, text-align을 사용하는 것인데,
<p style="text-align:center;">TEXT</p>
이렇게 사용하는 것입니다.
<center> 태그는 텍스트 하나만 가운데 정렬할 때에 편리한 반면, CSS를 활용하는 방법은 <p> 태그 뿐만 아니라 <h1> ~ <h6>과 같은 모든 텍스트 태그와, <body> 태그 전체, <div>에도 적용 가능하여, 웹사이트를 전반적으로 디자인 할때 편리합니다.
2. 왼쪽 정렬
왼쪽 정렬을 할 때에는, 저번 가운데 정렬에서 CSS를 활용하는 방법을 조금만 바꾸시면 됩니다.
<p style="text-align:left;">TEXT</p>
이런 식으로 사용하실 수 있습니다.
3. 오른쪽 정렬
오른쪽 정렬 또한 다른 정렬들과 같이 CSS를 활용하여 주시면 됩니다.
<p style="text-align:right;">TEXT</p>
'Explanation > HTML, CSS, JavaScript' 카테고리의 다른 글
| [HTML] HTML이란 무엇인가? (0) | 2022.01.18 |
|---|
'Explanation/HTML, CSS, JavaScript' Related Articles
more
Comments