title: How to make the contents of a label to stay under the parent element when they fall to the next line?
body: <p>In the following code, in both the <code>#option_one_div</code> and <code>#option_two_div</code>, when the contents of the <code>label</code> outgrow one line, the move to the next line, under the radio buttons. What I want is that they should stay under the text of their <code>label</code> in the previous line.</p>
  
  <p>How can I do that?</p>
  
  <p>I tried to enclose the <code>label</code>s in a <code>span</code> tag but that does not help. I can not enclose the <code>label</code>s in <code>div</code> elements because <code>div</code> is a <code>block</code> level element, so the entire <code>label</code> will fall to the next line. What should I do.</p>
  
  <p><strong><a href="http://jsfiddle.net/60kb0prm/2/" rel="nofollow noreferrer">JSFiddle here.</a></strong></p>
  
  <p><img src="https://i.stack.imgur.com/qQVvT.png" alt="enter image description here"></p>
  
  <pre><code>&lt;div style="padding:25px; width:400px;"&gt;
          &lt;div style="background-color:#bf5b5b; "&gt;
              &lt;label style="margin-left:25px; margin-right:25px;"&gt;Yes&lt;/label&gt;
              &lt;label style="margin-left:25px; margin-right:25px;"&gt;No&lt;/label&gt;
              &lt;label style="margin-left:25px; margin-right:25px;"&gt;&lt;/label&gt;
          &lt;/div&gt;
          &lt;div id="option_one_div" style="background-color:#74d4dd;"&gt;
              &lt;input style="margin-left:30px; margin-right:30px;" type="radio" name="radio" value="0"&gt;
              &lt;input style="margin-left:30px; margin-right:30px;" type="radio" name="radio" value="1"&gt;
              &lt;label style="margin-left:25px; margin-right:25px;" for="option_one_div"&gt;Label of first group of Radio Buttons radio buttons.&lt;/label&gt;
          &lt;/div&gt;
          &lt;div id="option_two_div" style="background-color:#36d666;"&gt;
              &lt;input style="margin-left:30px; margin-right:30px;" type="radio" name="radio" value="0"&gt;
              &lt;input style="margin-left:30px; margin-right:30px;" type="radio" name="radio" value="1"&gt;
              &lt;label style="margin-left:25px; margin-right:25px;" for="option_two_div"&gt;Label of second group of Radio Buttons radio buttons.&lt;/label&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>