title: How do I position text within a box with css?
body: <p>I need to position the word "Share" within the blue box on the right side, see below:
  <img src="https://i.stack.imgur.com/aK3oq.png" alt="enter image description here"></p>
  
  <p>I have a div that contains the word Share within another div with an ul: </p>
  
  <pre><code>&lt;div id="menuBox"&gt;
    &lt;ul class="textMenu"&gt;
       &lt;li&gt;Web Design / HTML&lt;/li&gt;
       &lt;li&gt;Design Basics&lt;/li&gt;
       &lt;li&gt;Learn HTML CSS XML&lt;/li&gt;
       &lt;li&gt;Careers&lt;/li&gt;
    &lt;/ul&gt;
    &lt;div id="share"&gt;
       Share
    &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>And this is the css:</p>
  
  <pre><code>#menuBox
  {
      width:65%;
      height:2%;
      margin-left:auto;
      margin-right:auto;
      position: relative;
      margin-top:100px;
      clear: both;
      background: #4789c1;
      background-image: -webkit-linear-gradient(top, #4789c1, #286294);
      background-image: -moz-linear-gradient(top, #4789c1, #286294);
      background-image: -ms-linear-gradient(top, #4789c1, #286294);
      background-image: -o-linear-gradient(top, #4789c1, #286294);
      background-image: linear-gradient(to bottom, #4789c1, #286294);
  }
  .textMenu
  {
      color:white;
      list-style-type: none;
      margin-bottom:0px;
  }
  li
  {
      display:inline;
      padding-right:10px;
      padding-left:10px;
      border-right: 2px solid white;
      text-align:center;
  }
   #bigBox
   {
      width:65%;
      height:80%;
      margin-left:auto;
      margin-right:auto;
      margin-top:100px;
      position: relative;
      background-color:white;
      box-shadow:0px 3px 3px 3px #C0C0C0;
   }
  #share
  {
      float:right;
      position:relative;
  }
  </code></pre>
  
  <p>I believe that this issue is because there is no enough space on the blue box for the word "Share" but I do not know how to fix this, I tried adding marging-left and marging-right, but that is not working. I also tried paddings and <code>position:absolute;</code> but that doesn't fix the issue. Any help? Thanks </p>