Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS

CSS를 사용한 텍스트 들여쓰기

<시간/>

텍스트 들여쓰기의 경우 CSS의 text-indent 속성을 사용하십시오. 단락의 첫 줄 들여쓰기를 위한 것입니다.

예시

이제 예를 살펴보겠습니다 -

<!DOCTYPE html>
<html>
<head>
<style>
div {
   text-indent: 30px;
}
</style>
</head>
<body>
<h1>Demo Heading</h1>
<div>
<p>This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text.
</p>
</div>
</body>
</html>

출력

CSS를 사용한 텍스트 들여쓰기

예시

이제 다른 예를 살펴보겠습니다 -

<!DOCTYPE html>
<html>
<head>
<style>
div {
   text-indent: 15em;
}
</style>
</head>
<body>
<h1>Demo Heading</h1>
<div>
<p>This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text.
</p>
</div>
</body>
</html>

출력

CSS를 사용한 텍스트 들여쓰기