CSS图标怎么垂直水平居中

1、打开项目，这是界面结构的代码。其中图标被设置在i标签内。

2、运行项目，可以看到图标位于颜色块的左上角。

3、在样式中，为图标添加line-height和text-align属性。

4、再次运行项目，可以看到图标垂直水平居中了。