title: Input field with label in semantic-ui breaks layout
body: <p>I am trying to make an input field with a (right-aligned) label in semantic ui. The documentation shows an example of a cornered label that works fine (<a href="http://semantic-ui.com/elements/input.html" rel="nofollow">http://semantic-ui.com/elements/input.html</a>) , but when I try to use a plain label it breaks the layout of the input field</p>
  
  <p>I made a fiddle that explains my attempt (<a href="http://jsfiddle.net/26fqd39d/" rel="nofollow">http://jsfiddle.net/26fqd39d/</a> ). </p>
  
  <p>The following code works fine (taken from the documentation): It shows an input field with a label on the right which fits in the layout of the input field.</p>
  
  <pre><code>&lt;div class="ui labeled input"&gt;
      &lt;input type="text" value="#"&gt;&lt;/input&gt;
      &lt;div class="ui corner label"&gt;&lt;i class="copy icon"&gt;&lt;/i&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I don't want to use a cornered label though, since there is not enough room for my scenario (I would like to display some units in this label, like km, mi, etc).</p>
  
  <p>I change it to use a regular label:</p>
  
  <pre><code>&lt;div class="ui labeled input"&gt;
      &lt;input type="text" value="#"&gt;&lt;/input&gt;
      &lt;div class="ui label"&gt;&lt;i class="copy icon"&gt;&lt;/i&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>As you can see in the fiddle, the label breaks on the new line.</p>
  
  <p>How can I create an input field with a right-aligned label using semantic-ui ? An explanation of why this doesn't work will also help me understand how to build layouts using semantic-ui.</p>
  
  <p>Thanks.</p>