สำหรับการเยื้องข้อความ ให้ใช้คุณสมบัติ text-indent ใน CSS นี่สำหรับการเยื้องของบรรทัดแรกในย่อหน้า
ตัวอย่าง
เรามาดูตัวอย่างกัน −
<!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> ผลลัพธ์
ตัวอย่าง
เรามาดูตัวอย่างอื่นกัน −
<!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> ผลลัพธ์
