title: Move CSS menu to right of screen?
body: <p>Im looking to reposition this drop down menu so that it is at the right side of the title, instead of its current location directly below it. I can't find the code in the css anywhere that is tying it to the left side of the screen? </p>
  
  <p><a href="https://i.stack.imgur.com/n0Kmv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/n0Kmv.png" alt="enter image description here"></a></p>
  
  <p>index:
          
          
      </p>
  
  <pre><code>&lt;link rel="stylesheet" type="text/css" href="stylesheet.css"&gt;
  
  &lt;title&gt;Baking&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;h1&gt;I want to bake &lt;/h1&gt;
  
  &lt;nav id="primary_nav_wrap"&gt;
  &lt;ul&gt;
    &lt;li&gt;&lt;a href="#"&gt;...&lt;/a&gt;
      &lt;ul&gt;
       &lt;li&gt;&lt;a href="#"&gt;Bread&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href='#'&gt;Brownies&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href='#'&gt;Cake&lt;/a&gt;&lt;/li&gt;
       &lt;li&gt;&lt;a href='#'&gt;ETC&lt;/a&gt;&lt;/li&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  &lt;/nav&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>stylesheet:</p>
  
  <pre><code>body 
  {
      background-color: #1F2E2E;
  }
  h1
  {
      color: #EEEEEE;
      font-family: "ADAM.CG PRO";
      font-size: 60px;
      margin-left: 40px;
  }
  
  #primary_nav_wrap
  {
      margin-top:15px
  }
  
  #primary_nav_wrap ul
  {
      list-style:none;
      position:right;
      float:left;
      margin:0;
      padding:0
  }
  
  #primary_nav_wrap ul a
  {
      display:block;
      color:#EEEEEE;
      text-decoration:none;
      font-weight:700;
      font-size:55px;
      line-height:32px;
      padding:0 15px;
      font-family:"ADAM.CG PRO";
  }
  
  #primary_nav_wrap ul li
  {
      position:relative;
      float:left;
      margin:0;
      padding:0
  }
  
  #primary_nav_wrap ul li.current-menu-item
  {
      background:#ddd
  }
  
  #primary_nav_wrap ul li:hover
  {
      background:#354343
  }
  
  #primary_nav_wrap ul ul
  {
      display:none;
      position:absolute;
      top:0%;
      left:0;
      background:#1F2E2E;
      padding:0
  }
  
  #primary_nav_wrap ul ul li
  {
      float:none;
      width:450px
  }
  
  #primary_nav_wrap ul ul a
  {
      line-height:120%;
      padding:10px 15px
  }
  
  #primary_nav_wrap ul li:hover &gt; ul
  {
      display:block
  }
  </code></pre>
  
  <p>Any help would be greatly appreciated! </p>