title: How to align a span and a div on the same line
body: <p>I have the following HTML:   </p>
  
  <pre><code>&lt;div class="mega_parent"&gt;
  &lt;div class="parent"&gt;
  &lt;div class="holder"&gt;
      &lt;span class="holder_under"&gt;Left heading&lt;/span&gt;
      &lt;div class="holder_options"&gt;
          &lt;span class="holder_options_1"&gt;Option 1&lt;/span&gt; 
          &lt;span class="holder_options_2"&gt;Option 2&lt;/span&gt; 
          &lt;span class="holder_options_3"&gt;Option 3&lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and the following CSS:</p>
  
  <pre><code>.holder {
      background-color: blue;
      padding: 10px;
  }
  .holder_under {
      padding-left: 10px;
      font-size: 16px;
      color: #999;
  }
  .parent {
      float: left;
      margin-right: 20px;
      width: 600px;
  }
   .mega_parent {
  background-color: blue;
      margin: 130px auto;
      min-height: 320px;
      height: 100% auto;
      overflow: auto;
      width: 940px;
      padding: 0px 10px;
  }
  </code></pre>
  
  <p><strong>Question:</strong></p>
  
  <p>How do I make the div with the class <code>holder_options</code> align in the same line as the span with the class <code>.holder_under</code>? </p>
  
  <p>Here's what it looks like currently in <a href="http://jsfiddle.net/QELyG/3/" rel="nofollow"><strong>jsFiddle</strong></a>.</p>