💅Decorate from CSS : Text

💅CSS/⚡ver.0

4:Bee 2024. 2. 18. 16:54

728x90

이번 포스팅에서는 text의 배치를 조정하는 방법을 알아 볼 것이다. css의 문법을 다루다 보니 그리 복잡한 내용을 담고 있지 않으니 실습 코드를 통해서 빠르게 이해할 수 있을 것이다.

html과 css의 코드는 아래와 같다

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

text1

text1

text1

</body>

</html>

#text1 {

text-align: right;

border: 1px solid gray;

}

#text2 {

text-align: center;

border: 1px solid gray;

}

#text3 {

text-align: left;

border: 1px solid gray;

}

글자들의 위치들을 지정하는 text-align들의 세가지 문법들이다. right,left,center외에도 start와 end 들이 있다. 마우스를 text-align에 올려 두면 관련 문법들이 나오니 참고 해보기 바란다.

728x90