title: HTML and CSS button alignment
body: <p>How can I right align a button inside a div without wiping it from the Markup Flow with valid CSS and HTML? Is applying margin-leftthe only way to do this?</p>
  
  <p>I have a structure like this</p>
  
  <pre><code>&lt;div class="navContainer"&gt;
      &lt;div class="title"&gt;
          &lt;span&gt;Nav Titulo&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class="navContent"&gt;
          Nav Conteudo
      &lt;/div&gt;
      &lt;button type="button"&gt;Enviar&lt;/button&gt;
  &lt;/div&gt;
  
  &lt;div class="navContainer"&gt;
      &lt;div class="title"&gt;
          &lt;span&gt;Nav Titulo&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class="navContent"&gt;
          Nav Conteudo
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>If I apply <code>button { float: right }</code> or <code>button { position: absolute }</code> the next <code>div</code> will get over the button. It happens that I just want to make the button position at the right side</p>