الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> p { background: lightblue; max-width: 200px; padding: 10px; } .normal { white-space: normal; } .nowrap { white-space: nowrap; } .pre { white-space: pre; } .pre-line { white-space: pre-line; } .pre-wrap { white-space: pre-wrap; } </style> </head> <body> <h1>CSS white-space</h1> <h3>pre-normal</h3> <p class="normal">Harmash is best website to learn programming</p> <h3>nowrap</h3> <p class="nowrap">Harmash is best website to learn programming</p> <h3>pre</h3> <p class="pre">Harmash is best website to learn programming</p> <h3>pre-line</h3> <p class="pre-line">Harmash is best website to learn programming</p> <h3>pre-wrap</h3> <p class="pre-wrap">Harmash is best website to learn programming</p> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود