CSS ขึ้นบรรทัดใหม่ด้วย white-space: pre

สอนเขียนภาษา CSS ขึ้นบรรทัดใหม่ด้วยคำสั่ง white-space กำหนดค่าเป็น pre โดยตัวอย่างจะแนะนำการใช้คำสั่ง white-space: pre เพื่อกำหนดให้ข้อมูลมีการทำงานเหมือนกับแท็ก pre ของภาษา HTML สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง CSS ขึ้นบรรทัดใหม่ด้วย white-space: pre

<style>
    p {
        white-space: pre;
    }    
</style>

<p>
Hello
Welcome to Devdit
</p>

ผลลัพธ์

Hello
Welcome to Devdit

CSS ขึ้นบรรทัดใหม่ด้วย ตัวอย่างใช้คำสั่ง white-space: pre กับแท็ก p ซึ่งมีผลทำให้ข้อมูลในแท็ก p มีการขึ้นบรรทัดใหม่เหมือนแท็ก pre ของภาษา HTML