?
Current Path : /home1/savoy/public_html/oscarerp.com/application/helpers/dompdf/www/test/ |
Linux gator3171.hostgator.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 |
Current File : /home1/savoy/public_html/oscarerp.com/application/helpers/dompdf/www/test/css_whitespace.html |
<!DOCTYPE html> <html> <head> <title>CSS white-space property</title> <link rel="Stylesheet" href="http://yui.yahooapis.com/3.3.0/build/cssreset/reset-min.css"> <style> #wrap { margin:30px auto; width:600px; font-family:sans-serif; color:#444; cursor:default; } h1 { font-size:40px; text-align:center; font-weight:bold; margin-bottom:30px; text-shadow:0 0 3px #ddd; } pre { background-color:#eee; margin:10px 0; padding:5px; } p.demo { background-color:orange; width:100px; margin:10px 0; font-family:monospace; } </style> </head> <body> <div id="wrap"> <h1>CSS white-space property</h1> <p> Given this CSS code: </p> <pre> p { width:100px; background-color:orange; margin:10px 0; font-family:monospace; } </pre> <p> and this HTML code: </p> <pre> <p> P A R A G R A P H </p> </pre> <p> Depending on the white-space property, the resulting presentation will be: </p> <hr> <p> normal </p> <p class="demo" style="white-space:normal"> P A R A G R A P H </p> <hr> <p> nowrap </p> <p class="demo" style="white-space:nowrap"> P A R A G R A P H </p> <hr> <p> pre </p> <p class="demo" style="white-space:pre"> P A R A G R A P H </p> <hr> <p> pre-wrap </p> <p class="demo" style="white-space:pre-wrap"> P A R A G R A P H </p> <hr> <p> pre-line </p> <p class="demo" style="white-space:pre-line"> P A R A G R A P H </p> </div> </body> </html>