title: Positioning a div to the right using relative
body: <p>My CSS:</p>
  
  <pre><code>   .topLogoContainer{
          margin-top: 2%;
          width: 100%;
          height: 20%;
          background-color: #660066;
          border-radius: 10px;
      }
      .topLogoText{
          width: 50%;
          padding: 10px;
      }
      p.topButton{
          text-align: center;
          color: white;
      }
  </code></pre>
  
  <p>my HTML:</p>
  
  <pre><code>&lt;div class="topLogoContainer"&gt;
      &lt;table&gt;
          &lt;tr&gt;
              &lt;td class="topLogoText"&gt;
                  &lt;font size="18"&gt;TB's Jewelry&lt;/font&gt;
              &lt;/td&gt;&lt;td&gt;
                  &lt;a href="buy.php" class="topButton"&gt;
                      &lt;div class="topButton2"&gt;
                          &lt;p class="topButton"&gt;buy&lt;/p&gt;
                      &lt;/div&gt;
                  &lt;/a&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have a top bar of a website (let's call it "Tbar") (you know, where the logo and navigation buttons go), and I want the main text at the left, vertically center inside Tbar (of course, make it look nice and give it some margin/padding) while making 2 buttons (which are round colored divs that are links) at the very bottom of, in the right inner part of Tbar. I think I need the buttons to be relative, so it will always be inside Tbar. Trying "position: relative; right: 10px; bottom: 0px;" doesn't do what I want - since it doesn't move it to the inner right of Tbar.</p>
  
  <p>Javascript seems ridiculous to use, and I'm not well practiced on it.</p>