title: Showing <h1> <h5> text inline using css
body: <p>I want to show "Sentiment analysis" such that S should be much larger then <code>h5</code> text.</p>
  
  <p>What's wrong with follwing code:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;h1&gt;S&lt;/h1&gt; &lt;h5&gt;entiment Analysis&lt;/h5&gt;      
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>h1 {
      margin-left: 36%;
      color:#C0C0C0;
      font-family: "calibri";
      text-decoration:underline;
      white-space: pre;
  }
  
  h5 {
      margin-left: 36%;
      color:#C0C0C0;
      font-family: "calibri";
      text-decoration:underline;
      white-space: pre;
  }
  </code></pre>
  
  <p><a href="http://codepen.io/karimkhan/pen/HahDr" rel="nofollow">Live code in CodePan</a></p>