css图标下面的字 |css实现图像两个一行排列

首先，在HTML中用一个容器包裹图标和文字，给容器添加一个类名，比如大家这里用的是“icon-title”。接下来，在CSS中，使用子元素选择器选中容器内的文字，代码如下：

.icon-title {
display: flex;
align-items: center;
}
.icon-title >p {
margin-left: 10px;
font-size: 16px;
}

代码中的“>”符号表示子元素选择器，这里指选中.icon-title容器中的p元素。大家通过设置p元素的margin-left属性，让文字和图标间隔一定距离，增强排版效果。同时，设置p元素的字体大小，以适应整个页面的排版。

具体的字体和颜色样式可以根据实际情况和需求灵活调整。以上是一个简单的示例，仅供参考，希望对大家有所帮助。