title: Top align text and image within div
body: <p>Here's the rendered html:  </p>
  
  <pre><code>&lt;div style="padding-left: 50px; vertical-align: middle;"&gt;
    &lt;strong&gt;NONE&lt;/strong&gt;
    &lt;img height="15" width="15" src="images/Checked.gif" alt=""&gt;
    &lt;br&gt;
    &lt;span style="font-size: larger;"&gt;DEFAULT&lt;/span&gt;
  &lt;/div&gt;  
  </code></pre>
  
  <p>general css:</p>
  
  <pre><code>div {
    font-size:smaller;
    padding:5px 5px 0 0;
    float:left;
  }
  </code></pre>
  
  <p>Here's what the design looks like in firebug:<br>
  <img src="https://i.stack.imgur.com/xfBCR.png" alt="enter image description here">  </p>
  
  <p>I would like the text <strong>NONE</strong> to align at the top, just the way the image (checkbox) is aligned. Any ideas on how to do this with css?</p>