day9 困扰多时的图标和文字的居中问题

图标文字居中

html

<div class="tc title-warm">
  <i class="iconfont icon-jinggao"></i>
  <span class="text">抱歉，您暂时没有启用阅读深度功能</span>
</div>

css

 .icon-jinggao {
      font-size: 40px;
      color: #F7BA2A;
      margin-right: 20px;
      font-weight: normal;
      line-height: 1;
    }

    .title-warm .text {
      line-height: 40px;
      display: inline-block;
      height: 40px;
      vertical-align: top;
      font-weight: bold;
      font-size: 18px;
      color: #333;
    }