title: How to combine bold and italic in CSS?
body: <p><a href="http://www.w3schools.com/cssref/pr_font_font-style.asp" rel="noreferrer">This W3Schools tutorial</a> taught me how to use the CSS <code>font-style</code> property to make text bold (equivalent to <code>&lt;b&amp;g&gt;this&lt;/b&gt;</code> in old-fashioned HTML) as well as how to make text italic (equivalent to<code>&lt;i&gt;this&lt;/i&gt;</code> in old-fashioned HTML).</p>
  
  <p>However, I can't seem to find anywhere how to make text have both properties at the same time (equivalent to <code>&lt;b&gt;&lt;i&gt;this&lt;/i&gt;&lt;/b&gt;</code> in old-fashioned HTML).</p>
  
  <p>Is there a way to do this using pure CSS?</p>
  
  <p>I've tried this:</p>
  
  <pre><code>font-style: italic bold;
  </code></pre>
  
  <p>The result was that the page ignored both properties, and it was as though I never specified this property at all.</p>
  
  <p>I got the same results when I tried this:</p>
  
  <pre><code>font-style: italic, bold;
  </code></pre>
  
  <p>I got a different result when I tried this:</p>
  
  <pre><code>font-style: italic; bold;
  </code></pre>
  
  <p>This time, what happened is that it used the first style given (italic) but ignored the second (bold).</p>
  
  <p>Can this be done with pure css?</p>