title: I am having trouble trying to put my buttons next to my navigation bar
body: <p>first post and relatively new to programming, I am having trouble with trying to get my buttons further up the page and next to my side navigation bar, please view <a href="http://gyazo.com/42cd56ba529632889f8ba358e58608a5.png" rel="nofollow">picture</a> and code:</p>
  
  <p>HTML:</p>
  
  <pre><code> &lt;nav&gt;
          &lt;ul&gt;
                 &lt;li&gt; &lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
                 &lt;li&gt; &lt;a href="news.html"&gt;News&lt;/a&gt;&lt;/li&gt;
                 &lt;li&gt; &lt;a href="events.html"&gt;Events&lt;/a&gt;&lt;/li&gt;
                 &lt;li&gt; &lt;a href="galleries.html"&gt;Galleries&lt;/a&gt;&lt;/li&gt;
                 &lt;li&gt; &lt;a href="videos.html"&gt;Videos &lt;/a&gt;&lt;/li&gt;
                 &lt;li&gt; &lt;a href="history.html"&gt;History&lt;/a&gt;&lt;/li&gt;
                 &lt;li&gt;&lt;a href="contact.html"&gt; Contact&lt;/a&gt;&lt;/li&gt;
             &lt;/ul&gt;    
        &lt;/nav&gt;    
  
  
  
        &lt;a id="bigthumbnailone" href="news.html"&gt;New Website Launched!&lt;/a&gt;          
        &lt;a id="bigthumbnailtwo" href="news.html"&gt;Next Major: i49 &lt;/a&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>* {
  margin:0px;
  padding:0px;
    }
  
    a:link {
  text-decoration:none;
  color:#0099FF;
    }
  
    a:hover {
  color:#0066FF;
  font-weight:bold;
     }
  
    a:visited {
  text-decoration:none;
  color:#0099FF;
     }
  
  
    nav ul li {
  display:;
  margin:1px;
  padding:30px;
  list-style-type: none;
  font-family:Segoe UI Light;
  font-size:30px;
    }
  
  
   /*end navigation*/
  
   #bigthumbnailone {
  display:block;
  width:600px;
  height:300px;
  text-decoration:none;
  text-align:left;
  font-family:Segoe UI Light;
  font-size:25px;
  background-image:url(../images/thumbnails/messi.png);
  outline-style:solid;
  outline-color:#0099FF;
  margin: 0 auto;
   }
  
    #bigthumbnailtwo {
  display:block;
  width:600px;
  height:300px;
  text-decoration:none;
  text-align:left;
  font-family:Segoe UI Light;
  font-size:25px;
  background-image:url(../images/thumbnails/messi.png);
  outline-style:solid;
  outline-color:#0099FF;
  margin: 0 auto;
    }
  </code></pre>
  
  <p>What will I need to add to make sure my navigation bar and buttons can both be next to each other?</p>