CSS ระยะห่างบรรทัด ห่างกว้างขึ้น หรือห่างน้อยลง ด้วย line-height

สอนเขียนโค้ดภาษา CSS ระยะห่างบรรทัด ห่างกว้างขึ้น หรือห่างน้อยลง ด้วย line-height ด้วยคำสั่ง line-height โดยคำสั่ง line-height จะรับค่าเป็นตัวเลข กำหนดตัวเลขมากระยะห่างบรรทัดยิ่งกว้างขึ้น ถ้าน้อยจะแคบลง สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง CSS ระยะห่างบรรทัด ห่างกว้างขึ้น หรือห่างน้อยลง ด้วย line-height

<style>
    .my_space {
        line-height: 25px;
    }
</style>

<div class="my_space">Devdit<br/>Devdit<br/>Devdit<br/>Devdit<br/>Devdit</div>

โค้ดด้านบนใช้คำสั่ง line-height เพื่อกำหนดระยะห่างบรรทัด โดยกำหนดตัวเลขที่มากจะทำให้บรรทัดห่างกันมากขึ้น ถ้ากำหนดตัวเลขน้อยความห่างจะน้อยลง