title: CSS content bold single word
body: <p>I have the following CSS which adds some text after an element:</p>
  
  <pre><code>header h1:after {
      content:"Bold \A not bold";
      white-space: pre;
  }
  </code></pre>
  
  <p>My aim is to make the first word bold and the rest of the text not bold.</p>
  
  <p>I know how to make all the text bold, and I know I can achieve this using HTML, but for my present purposes, I want to try and achieve this using CSS.</p>
  
  <p>No search results on this for google, can it be done??</p>