title: keeping <pre> text on the same line as <span> text
body: <p>The following HTML should print the phrase <code>pass Test Case: Buzz::GetInfo( [struct BUZZINFO *] 0x1f84fa8c )</code> with some fancy formatting. But, it puts the <code>pass</code> on a separate line from the rest of the text. How can I get them to be on the same line such that the border of the <code>pass</code> blends with the border of the rest of the text?</p>
  
  <p>Thanks,
  PaulH</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;   
      &lt;style type="text/css"&gt;
      pre
      {
          border-style: solid none;
          border-width: 1px medium;
          line-height: 120%;
          padding: 5px;
          color: #333333;
          background-color: #EEFFCC; 
          border-color: #98BF21;            
          overflow: auto;
      }
  
      .pass
      {
          background-color: #98BF21;
          #background-color: #AACC99;
          border: 1px solid #FFFFFF;
          color: #FFFFFF;
          display: block;
          font-size: 11px;
          font-weight: bold;
          margin-left: 1px;
          outline: 1px solid #98BF21;
          padding: 3px 0 4px;
          text-align: center;
          text-decoration: none;
          width: 80px;
          font-family: verdana,helvetica,arial,sans-serif;
      }
      &lt;/style&gt;
      &lt;/head&gt;
  &lt;body&gt;
  &lt;div&gt;&lt;span class="pass"&gt;pass&lt;/span&gt;&lt;pre&gt;Test Case: Buzz::GetInfo( [struct BUZZINFO *] 0x1f84fa8c )&lt;/pre&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>