Daily coding

CSS : text 정렬 및 다양한 attribute 들 본문

Front-end/Client

CSS : text 정렬 및 다양한 attribute 들

sunnnkim 2020. 1. 9. 20:29

 

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
#p1{
	text-align: right;
}
.p2{
	word-spacing: 30px; 
	/* 단어 사이의 간격을 조정 */
}
.p3{
	letter-spacing: 20px;
	/* 문자 사이의 간격을 조정 */
}
.p4{
	line-height: 1.7em;
	/* 줄 간격을 조정 */
}
</style>
</head>
<body>

<!-- 정렬 -->
<p align="left">p tag left using attribute</p>
<p align="center">p tag center using attribute</p>
<p align="right">p tag right using attribute</p>

<h3 style="text-align: center;">h3 tag align using CSS</h3>

<p id="p1">p tag id p1</p>
<p class="p2">p tag class p2</p>
<p class="p3">가나다라마</p>
<p class="p4">2020년 경자년을 여는 첫번째 판타지 어드벤처 '닥터 두리틀'이 영화진흥위원회 영화관입장권통합전산망 기준 개봉 첫날 박스오피스 정상에 등극했다. </p>


</body>
</html>

 

'Front-end > Client' 카테고리의 다른 글

CSS : Anchor 태그와 속성들  (0) 2020.01.09
CSS : Java Script에서 CSS적용하기  (0) 2020.01.09
CSS : text size 의 단위들  (0) 2020.01.09
CSS : CSS 기초 및 방식  (0) 2020.01.09
HTML : jsp 파일로 자바 콘솔에 출력하기  (0) 2020.01.03
'Front-end/Client' Related Articles more