CSS ระยะห่างบรรทัด ด้วยคำสั่ง line-height

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

ตัวอย่าง CSS ระยะห่างบรรทัด ด้วยคำสั่ง line-height

<style>
  .content {
    line-height: 32px;
  }
</style>

<pre class="content">
  Hello CSS
  Hello HTML
  Hello Devdit
</pre>

CSS ระยะห่างบรรทัด ตัวอย่างสร้าง class ชื่อ content กำหนด line-height: 32px หมายความว่าให้เว้นระยะห่างของแต่ละบรรทัดเท่ากับ 32px จากนั้นนำ class content มาใช้งานกับแท็ก pre ของ HTML