title: First Child Qualified Heading
body: <p>I am trying to change the format of a set of tabs - The first  being aligned to the left and the last to the right, with those in between in the center, a shortened version: <a href="https://jsfiddle.net/qqwc51sb/2/" rel="nofollow">https://jsfiddle.net/qqwc51sb/2/</a>.</p>
  
  <pre><code>.krown-tabs .titles li {
    border: 1px solid #000;
    width: 20%;
    display: table;
    float: left;
  }
  .krown-tabs .titles h5 {
    text-align: center;
  }
  .krown-tabs .titles h5:first-child {
    text-align: left;
  }
  </code></pre>
  
  <p>The <code>:first-child</code> doesn't work, I think because <code>&lt;h5&gt;</code> is qualified. However, the rest of the formatting for the tab text is within this selector, and doesn't work without the <code>&lt;h5&gt;</code>. </p>
  
  <p>Thank you </p>