Computer >> Máy Tính >  >> Lập trình >> CSS

Thụt lề văn bản bằng CSS

Đối với thụt lề văn bản, hãy sử dụng thuộc tính text-indent trong CSS. Điều này là để thụt lề dòng đầu tiên trong một đoạn văn.

Ví dụ

Bây giờ chúng ta hãy xem một ví dụ -

<!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>

Đầu ra

Thụt lề văn bản bằng CSS

Ví dụ

Bây giờ chúng ta hãy xem một ví dụ khác -

<!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>

Đầu ra

Thụt lề văn bản bằng CSS