title: Producing non breaking content with CSS
body: <p>I want to keep the field and the icon (question mark) at the same line at any time, even if the width is reduced. (preferably using CSS)</p>
  
  <p>I tried various options such as <code>white-space: nowrap</code>, putting them in the same <code>&lt;div/&gt;</code>, but no success.</p>
  
  <p><img src="https://i.stack.imgur.com/gpukE.png" alt="enter image description here"></p>
  
  <p><strong>EDIT</strong></p>
  
  <p>My HTML markup is similar to the following: </p>
  
  <pre><code>&lt;ul data-role="listview" &gt;
              &lt;li data-role="fieldcontain"&gt;
                  &lt;div&gt;
                      &lt;label for="name"&gt;*Email&lt;/label&gt;
                      &lt;input type="text" name="name" id="name" /&gt;
                      &lt;img src="help.png" title="title" alt="help"/&gt;
                  &lt;/div&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
  </code></pre>
  
  <p>I am using HTML5 with jQuery Mobile.</p>