title: How to align button right using Semantic UI
body: <p>I need segment with text(inside <code>&lt;p&gt;</code> ), and button on next row on the right</p>
  
  <p>I try next markup, but it seems not working properly( button overflow segment border):</p>
  
  <pre><code>&lt;div class="ui container"&gt;
      &lt;div class=" ui segment"&gt;
          &lt;p&gt; Some Text.&lt;/p&gt;
          &lt;button class="ui right floated primary button"&gt; Some Action&lt;/button&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How to do it, using semantic-ui framework?</p>