I'm sorry I tried everything, tried for thirty minutes couldn't get anything. Ok so this is my code. For some reason "div2" is not working and not moving down but ONLY able to move left and right. I want it to be able to move down and up from top or bottom of screen, but its only moving left and right and is located on the same level as the navbar

```
body {
   background-color: LightGoldenRodYellow;
   font-family:"Arial Black", Gadget, sans-serif;
 }

 #rightcolumn {
  float: left;
 margin-left: 100px;
 }

#wrapper {
 background-color: #33CC00;
 color: #000066;
}

 #midcolumn {
  float: left;
  width: 100px;  
  Margin: 15px;
 }

 #leftcolumn {
 float: left;
 width: 100px;
 margin: 10px;
 }

 #footer {
    clear: both;
    position: relative;
     z-index: 10;
    height: 3em;
    margin-top: -3em;
}

  .navbar {
  text-decoration: none;
  margin: 15px;
 display: block;
 }

 .div2{
 position:absolute;
 float: left;
 left: 200px;
 margin-top:100px:
 }

 .title{
 color: LightCoral;
 position:absolute;
 left: 50%;
 top: 10%;
 }

 .titlesub{
 color: Green;
 position:absolute;
 font-size: 12pt;   
 left: 50%;
 top; 30%;
 }

 .content{
 color: LightCoral;
 }

```

ok next file

```
<!doctype htm>

<html>

<head>
<link href="midterm_helper.css" rel="stylesheet" type="text/css" />
<title>Vacation Destination </title>

</head>

<body>

<h1 class="title">

Vacation Island

<p class="titlesub">

~vacation awaits!

</p>

</h1>

<p class="div2">
        test
        </p>

        <div>
            <a class="navbar" href="hotel_form.html" target="_blank">Reservations</a>

             <a class="navbar" href="hotel_room.html"         target="_blank">Rooms</a>

            </div>

</body>

</html>

```