title: keep separate text on the same line as div tag
body: <p>I have am using CSS to sytle part of my text font to bold. But I don't want the whole line to be bold. Just part of the text. How can I achieve this? Here is my code:</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div&gt;
     &lt;div id="titleLabels"&gt;Revision:&lt;/div&gt; 1.0 draft A
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>#titleLabels 
  {
     font-weight: bold;
  }
  </code></pre>
  
  <p>The output of this is this:</p>
  
  <p><img src="https://i.stack.imgur.com/Wa4LZ.png" alt="enter image description here"></p>
  
  <p>This is not what I want. I want the "1.0 draft A bit to be inline with the bit that says Revision".</p>
  
  <p>How can I go about doing this?</p>