/*EXTERNAL STYLE SHEET*/
body { background-color:white;color:#330033;font-family:vordana,serif }
h1 { font-size:40px;font-weight:bold;font-family:serif }
h2 { font-size:20px;text-decoration:underline;font-family:sansserif }
div { margin-bottom:.2em;background-color:green }
ol { background-color:#ffcc99;font-style:italic }
ul { background-color:#ccffcc;font-style:italic }
em{ text-decoration:underline }
a.nodec { text-decoration:none }
a:hover { text-decoration:underline;color:#33ff33 }
p { width:550px;padding-top:10px;padding-bottom:10px }
<html>
<head>
<title>linking external style sheet</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<h1><center>FLOWERS</center></h1>
<div style ="width=550px";height="10px">
All the varieties of flowers available here are very fresh.</div>
<br/><br/>
<h2>List of <em>flowers</em></h2>
<p style="color:#6666ff">A flowers sometimes known as bloom or blossom.Flowers have
petals.Inside the part of the flower that petals are the part which produce pollen and seeds.</p>
<ul>
<li>Jasmine</li>
<li>Rose
<ol><li>Red rose</li>
<li>Yellow rose</li>
<li>White rose</li>
</ol></li>
<li>Lily</li>
<li>Sunflower</li>
<li> Pink rose<em>with bouquet</em></li>
</ul>
<p><em>go to the</em>
<a class= "nodec" href="http://www.flowers.com" >Bouquet shop</a>
</p>
</body>
</html>