Online PHP editor | output for qnag7

<?php .header { width: 300px; height: 25px; background-color: #5A68A5; border-radius: 10px; } img { width: 200px; float: right; } h1 { font-family: Verdana, sans-serif; font-size: 18px; text-align: center; color: #ffffff; } p { font-family: Tahoma, sans-serif; } li { font-family: Tahoma, sans-serif; list-style-type: square; } input { width: 280px; } <!DOCTYPE html> <html> <head> <link type='text/css' rel='stylesheet' href='style.css'/> <title>PHP!</title> </head> <body> <img src="http://i1061.photobucket.com/albums/t480/ericqweinstein/php-logo_zps408c82d7.png"/> <div class="header"><h1> <?php $welcome = "Let's get started with PHP!"; echo $welcome; ?> </h1></div> <p><strong>Generate a list:</strong> <?php for ($number = 1; $number <= 10; $number++) { if ($number <= 9) { echo $number . ", "; } else { echo $number . "!"; } }; ?> </p> <p><strong>Things you can do:</strong> <?php $things = array("Talk to databases", "Send cookies", "Evaluate form data", "Build dynamic webpages"); foreach ($things as $thing) { echo "<li>$thing</li>"; } unset($thing); ?> </p> <p><strong>This jumbled sentence will change every time you click Submit!<strong></p> <p> <?php $words = array("the ", "quick ", "brown ", "fox ", "jumped ", "over ", "the ", "lazy ", "dog "); shuffle($words); foreach ($words as $word) { echo $word; }; unset($word); ?> </p> </body> </html>