%PDF- <> %âãÏÓ endobj 2 0 obj <> endobj 3 0 obj <>/ExtGState<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI] >>/Annots[ 28 0 R 29 0 R] /MediaBox[ 0 0 595.5 842.25] /Contents 4 0 R/Group<>/Tabs/S>> endobj ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<> endobj 2 0 obj<>endobj 2 0 obj<>es 3 0 R>> endobj 2 0 obj<> ox[ 0.000000 0.000000 609.600000 935.600000]/Fi endobj 3 0 obj<> endobj 7 1 obj<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI]>>/Subtype/Form>> stream
<!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>