图标成水平排列的css代码

可以使用flex布局实现图标水平排列：

HTML代码：

<div class="icon-container">
  <i class="fa fa-home"></i>
  <i class="fa fa-envelope"></i>
  <i class="fa fa-phone"></i>
  <i class="fa fa-user"></i>
</div>

CSS代码：

.icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.icon-container i {
  margin-right: 10px;
}

其中，`display: flex;`设置了flex布局，`justify-content: center;`将图标居中对齐，`align-items: center;`将图标垂直居中对齐，`margin-right: 10px;`设置图标之间的间距。