title: CSS: Why is this label taking up all the available space
body: <p>The given example is probably a bit bigger than required but I could not figure out in hours where the problem lies, so I am posting it. You just have to look into the <code>label</code> <code>#problematic</code> and around it (<strong>Line number 9 in the JSFiddle</strong>). </p>
  
  <p><strong>The problem with it is that it takes up all the space left by the adjacent <code>label</code>. The question is why? And what to do about it?</strong> </p>
  
  <p><a href="http://jsfiddle.net/coyvacm5/1/" rel="nofollow noreferrer">I had worked out this example</a> (with the help of some <a href="https://stackoverflow.com/questions/25528447/make-the-width-of-cells-in-the-second-table-row-equal-to-the-width-of-cells-in-f">SO community</a>) to make the layout before incorporating the complex content. It works perfectly in the example. But it behaves weirdly in my code.</p>
  
  <p><strong><a href="http://jsfiddle.net/k8qa2Le6/" rel="nofollow noreferrer">Here is the JSFiddle.</a></strong></p>
  
  <p>CODE:-</p>
  
  <pre><code>&lt;form action="http://localhost/moodle/mod/quiz/processattempt.php" method="post" enctype="multipart/form-data" accept-charset="utf-8" id="responseform"&gt;
      &lt;div&gt;
          &lt;!-- ------------------------------------------------- --&gt;
  
          &lt;div style="display:table;"&gt;
              &lt;div style="display:table-row; background-color:#e8c277;"&gt;
                  &lt;label id="problematic" style="display:table-cell; padding:10px; border-width:1px;border-color:blue;border-style:solid;"&gt;True&lt;/label&gt;
                  &lt;label style="display:table-cell; padding:10px;border-width:1px;border-color:red;border-style:solid;"&gt;&lt;span style="white-space:nowrap;"&gt;False&lt;/span&gt;&lt;/label&gt;
                  &lt;span style="display:table-cell;"&gt;&lt;/span&gt;
              &lt;/div&gt;
          &lt;!-- ------------------------------------------------- --&gt;
          &lt;div class="que multichoice deferredfeedback notyetanswered" id="q13"&gt;
              &lt;div&gt;
                  &lt;div class="formulation"&gt;
                      &lt;h4 class="accesshide"&gt;Question text&lt;/h4&gt;
                      &lt;input type="hidden" name="q36:13_:sequencecheck" value="1" /&gt;
                      &lt;div class="ablock" style="display:table-row;"&gt;
                          &lt;span style="display:table-cell; text-align:center;"&gt;
                              &lt;input type="radio" name="q36:13_answer" value="0" id="q36:13_answer0" /&gt; 
                          &lt;/span&gt;
                          &lt;span style="display:table-cell; text-align:center;"&gt;
                              &lt;input type="radio" name="q36:13_answer" value="1" id="q36:13_answer1" /&gt; 
                          &lt;/span&gt;
                          &lt;label class="qtext" style="display:table-cell;"&gt;No individual country produces more than one-fourth of the world's sugar.
                          &lt;/label&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="que multichoice deferredfeedback notyetanswered" id="q14"&gt;
              &lt;div&gt;
                  &lt;div class="formulation"&gt;
                      &lt;h4 class="accesshide"&gt;Question text&lt;/h4&gt;
                      &lt;input type="hidden" name="q36:14_:sequencecheck" value="1" /&gt;
                      &lt;div class="ablock" style="display:table-row;"&gt;
                          &lt;span style="display:table-cell; text-align:center;"&gt;
                              &lt;input type="radio" name="q36:14_answer" value="0" id="q36:14_answer0" /&gt; 
                          &lt;/span&gt;
                          &lt;span style="display:table-cell; text-align:center;"&gt;
                              &lt;input type="radio" name="q36:14_answer" value="1" id="q36:14_answer1" /&gt; 
                          &lt;/span&gt;
                          &lt;label class="qtext" style="display:table-cell;"&gt;If Brazil produces less than 20% of the world's supply of any commodity listed in the table, Brazil is not the world's top exporter of than commodity.
                          &lt;/label&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;!-- ------------------------------------------------- --&gt;
          &lt;/div&gt;
          &lt;!-- ------------------------------------------------- --&gt;
          &lt;div class="submitbtns"&gt;
              &lt;input type="submit" name="next" value="Next" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>