title: Avoid CSS inheritance
body: <p>I have this CSS style:</p>
  
  <pre><code>span
  {
      font-family: Book Antiqua;
      clear: right;
      vertical-align: top;
  }
  </code></pre>
  
  <p>I want to remove vertical-align on span inside a div called divDetail. In other words, I want this style on any span inside divDetail:</p>
  
  <pre><code>#divDetail span
  {
      font-family: Book Antiqua;
      clear: right;
  }
  </code></pre>
  
  <p>How can I do that? How can I remove vertical-align style?</p>
  
  <p>Thank you!</p>