title: Wrapping collapsible in jQuery Mobile
body: <p>Consider the following jQuery Mobile markup:</p>
  
  <pre><code>    &lt;div data-role="collapsible"&gt;
        &lt;h3 style="white-space:normal"&gt;This heading is not
  wrapping even after "white-space:normal" style is applied&lt;/h3&gt;
         &lt;p&gt;This content is wrapping without any problems&lt;/p&gt;
       &lt;/div&gt;
  </code></pre>
  
  <p>The heading should wrap due to the style <code>"white-space:normal"</code>, but it is not happening.</p>
  
  <p>Why this is so?</p>
  
  <p>What can I do to wrap the heading?</p>