title: How to remove line break after DIV in CSS
body: <p>Is there a way to prevent a line break after a div with css, but to have one div min width and the other max width?</p>
  
  <p>For example I have</p>
  
  <pre><code>&lt;div class="label"&gt;My Label:&lt;/div&gt;
  &lt;div class="text"&gt;My text&lt;/div&gt;
  </code></pre>
  
  <p>and want it to display like:</p>
  
  <pre><code>My Label: My text
  </code></pre>
  
  <p>Where My text floats right, and my label takes all the remaining width?</p>
  
  <p>I am using the following CSS, but the .text div keeps wrapping:</p>
  
  <pre><code>div
  {
      display: inline-block;
  }
  
  .label {
      border:1px solid blue;
      width:100%;
  }
  
  .text {
      border:1px solid red;
  float:right;
  }
  </code></pre>
  
  <p>**<em>UPDATE: JS FIDDLE *</em> <a href="http://jsfiddle.net/jPrMG/">http://jsfiddle.net/jPrMG/</a></p>
  
  <p>Thanks for your help</p>