How to add profile icon at the top right corner of the screen?
<p>I want to add a profile icon at the top right corner that should have 'My account' and 'logout' as options like shown in the image.Please let me know how can i add it to the below code.</p>

<pre><code>&lt;style type="text/css"&gt;


ul {
    margin: 0;
    padding: 0;
}
li {
    list-style-type: none;
}
#nav {
    display: table;
    table-layout: fixed;
    text-align: center;
}
#nav li {
    display: table-cell;
    width: 25%;
    padding-right: 1px;
    height: auto;
    vertical-align: bottom;
}
#nav a {
    display: block;
    min-height: 100%;
    padding: 12px 50px;
    background-color: #222;
    color: white;
    border-radius: 6px 6px 0 0;
}

.logoutLblPos{

   position:fixed;
   right:10px;
   top:5px;
}
&lt;/style&gt;

&lt;body&gt;
&lt;div class="container"&gt;
  &lt;div class="row"&gt;
    &lt;div class="col-sm-5 col-sm-push-3 col-xs-4 col-xs-push-2"&gt;
      &lt;h1 class="text-center" style="font-family:Colonna MT;font-size:50px;color:ForestGreen ;"&gt;Welcome&lt;/h1&gt;
      &lt;p class="lead text-center" style="font-size:20px;color:DarkSalmon;"&gt;&lt;i&gt;"This is caption"&lt;/i&gt;&lt;/p&gt;

       &lt;label class="logoutLblPos"&gt;
       &lt;span class="glyphicon glyphicon-user" style="height:50px;width:20px"&gt;&lt;/span&gt; User
       &lt;input name="submit2" type="submit" id="submit2" value="log out"&gt;
  &lt;/label&gt;

    &lt;ul id="nav"&gt;
      &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt; tab2&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;tab3&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#"&gt;tab4&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;

      &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>
Also, I need to include "Post your Ad' beside profile icon.</p>