title: How to style a subset of some text in HTML/CSS?
body: <p>Currently, I'm doing something like this:</p>
  
  <pre><code>&lt;h2&gt;&lt;div class='q'&gt;Q:&lt;/div&gt; Does alfredo sauce contain soy?&lt;/h2&gt;
  </code></pre>
  
  <p>and then styling it in my CSS file, like so:</p>
  
  <pre><code>.q {
      padding-bottom: 15px;
      display: inline;
      font-size: 35px;
      font-weight: 700;
      color: #65A6D1;
  }
  </code></pre>
  
  <p>While this displays fine in my browser, when running the page through <a href="http://validator.w3.org" rel="nofollow">http://validator.w3.org</a>, it complains: "Element div not allowed as child of element h2 in this context. (Suppressing further errors from this subtree.)"</p>
  
  <p>How would I style this piece of text in valid HTML/CSS?</p>