在span中字體下偏

在一個span中寫了端文字，發(fā)現(xiàn)字體相對于span所在的空間向下偏移，我用line-height設(shè)置居中也只是讓span相對于父級居中了，但是里面的字體還是相對于span向下偏移，這是什么導(dǎo)致的.
但是我重寫一個demo又不會發(fā)生這種情況。請各位指教。

    .header-nav{
      float: left;
      width: 200px;
      height: 40px;
      background-color: lightgrey;
      span{
        line-height: 40px;
        font-size: 20px;
        background-color: red;
      }
    }