<!DOCTYPE html>
<html lang="en">
  <head>
	<meta charset= "utf-8">
           <title>Vance_project3.html</title>  
    
	</head>
	
 <style>
   
   }
   
 h5 {
   color:#0000FF;
 }
 
 h2 {
   color:#4B0082;
 }
 
 ul {
   color:#D8BFD8;  
 }
	 
 ol {
   color:#BC8F8F;
 }
 
 dt {
   color:#BA55D3; 
 }
 
 dd { 
   color:#BA55D3;
 }
.img-left {
 img src="alyeska.jpg alt="alyeska";
 float:left;
 height: 400px;
 width: 600px;
 margin-right:15px;
 box-sizing: 
}
 
 div {
    box-sizing: border-box; 
    background: #DCDCDC; 
	border: 5px solid black;
	padding: 15px;
	width: 300px;
	height: 500px;
	float: right;
}	
 .content-box {
   box-sizing: content-box;
   /* Total width: 300px
      Total height: 500px
	  Conteent box width:300px
	  Content box height 500px */
}
  
 .border-box {
   box-sizing:border-box;
   /* Total width: 300px
      Total height: 500px
	  Content box wideth: 300px
	  Content box height: 500px */
   
}
</style>

<body>
<div class="cast"> 
  <h2>Favorite Movie: The Wiz</h2>
  <h2>Release Date: 1978</h2>
      <h5 class="cast">Diana Ross as Dorothy</h5>
      <h5 class="cast">Theresa Merritt as Aunt Em</h5>
	  <h5 class="cast">Stanley Green as Uncle Henry</h5>
	  <h5 class="cast">Michael Jackson as Scarecrow</h5>
	  <h5 class="cast">Nippy Russell as Tinman</h5>
	  <h5 class="cast">Ted Ross as Lion</h5>
	  <h5 class="cast">Mable King as Evillene</h5>
	  <h5 class="cast">Richard Pryor as the Wiz</h5>
	  <h5 class="cast">Lena Horne as Glinda the Good</h5>
</div>     
  <h2 id="heading"></h2>
<h2>My three favorite bands are:</h2>
<h2 style="color:#4B0082;">

<ul style=color:#8B0000;">
	<li>Earth Wind & Fire</li>
	<li>Alpha Blondy</li>
	<li>Brian Culbertson</li>
</ul>

<h2>My three favorite foods are:</h2>
<h2 style="color:#4B0082;"> 

<ol type= "I">
<o1 style="color:##2F4F4F;">
	<li>Garden Salads</li>
	<li>Vegetable Biryani</li>
	<li>Sweet Potato Pudding</li>
</ol>

<h2>My dream vacation destination is:</h2>
<h2 style="color:#4B0082;"> 

<dl>
 	<dt>Alaska, nicknamed the last frontier </dt>
	<dt style="color:#BA55D3;">
		<dd>Visiting mid to late May will offer 60 degree temperatures, less rain and fewer crowds.</dd> 
		<dd>It's an ideal time to explore National Parks, visit varies cities, and experience the culture.</dd>

</dl>
</body>
</html>
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.