title: CSS: Making a div appear top right of the screen
body: <p>From the examples that I have seen this can be achieved by using</p>
  
  <pre><code>right: 0px;
  top: 0px;
  </code></pre>
  
  <p>Or some variation of this. However when I do this, my div stays tight left of the screen. I need to start going into -1000px area to make it appear at the top right, which doesn't seem right.</p>
  
  <p>Here is my HTML, and it is the div with the class "mysettings-menu" I am trying to place at the top right of the screen. </p>
  
  <pre><code>            &lt;div class="navbar-collapse collapse"&gt;
                  &lt;ul class="nav navbar-nav"&gt;
                      &lt;li&gt;@Html.ActionLink(...)&lt;/li&gt;
                      &lt;li&gt;@Html.ActionLink(...)&lt;/li&gt;
                      &lt;li&gt;@Html.ActionLink(...)&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;div class="mysettings-menu"&gt;
                      &lt;ul&gt;
                          &lt;li&gt;
                              &lt;a href="#"&gt;Settings&lt;/a&gt;
                              &lt;ul class="sub_menu"&gt;
                                  &lt;li&gt;&lt;a href="#"&gt;Log In&lt;/a&gt;&lt;/li&gt;
                                  &lt;li&gt;&lt;a href="#"&gt;Add New Application&lt;/a&gt;&lt;/li&gt;
                              &lt;/ul&gt;
                          &lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>As you can see I am using some default bootstrap classes, but even putting my div outside of these divs doesn't make a difference as it remains as close to the left side of the screen as it can get.</p>
  
  <pre><code>.mysettings-menu                      { position: relative; right: 0}
  </code></pre>