title: How to wrap two spans into one line with CSS
body: <p>I want to wrap two <code>spans</code> in one line with CSS. </p>
  
  <p>Here is my code: </p>
  
  <pre><code>&lt;div style="width:60px;"&gt;
      &lt;span id="span1" style="float:left; display:inline;"&gt;&lt;/span&gt;
      &lt;span id="span2" style="float:left; display:inline; "&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But it doesn't work. </p>
  
  <p>How to do that?</p>
  
  <p><strong>Edit:</strong></p>
  
  <p>I want to use the "id", either use <code>div</code> or <code>span</code>, I just want them to be in one line.</p>
  
  <p>When I just use <code>span</code> without style, the content are not in the same line. The second line will go down.</p>