IE浏览器中，如何解决行高导致文本偏移的问题？

IE兼容问题：行高导致文本偏移

在本问题中，提问者遇到了CSS在IE浏览器中的兼容性问题，当使用<p><br></p>设置文本行高时，文本在IE浏览器中不会垂直居中。

要解决此问题，可以采用以下方法：

避免使用<top>，而是将图标和文本都设置为display:inline-block。然后，为文本设置vertical-align: middle;即可将文本垂直居中。

修改后的代码示例：

p {
  display: inline-block;
  vertical-align: middle;
}

icon {
  display: inline-block;
  vertical-align: middle;
}