Html 为什么图标和文本排在同一行？

当我显示一个图标和一些文本时，我希望它们排在同一行。我可以在使用

标记时实现这一点。但是，当我使用

标记时，它并没有实现。为什么会这样

.container{
显示器：flex；
}
我{
颜色：黑色；
}

呼叫
99889999999

默认情况下，

p

标记有一个

边距

值，您需要重置该值，或设置

对齐项目

属性。使用

div

标记，您会注意到元素是根据其顶部边框对齐的（不对齐），这可以通过

align items

实现：

.container{
显示器：flex；
轮廓：1px实心橙色；
}
.c1 p{
保证金：0；
}
.c2、.c4{
对齐项目：居中；
}

//p，带边距：0
呼叫
99889999999

//p无边距：0，但对齐项目：居中
呼叫
99889999999

//不带对齐项目的div：居中
呼叫
9988998899
//带对齐项目的div：居中
呼叫
9988998899

但是为什么我们在使用

标签时不需要这样做呢？编辑了我的答案，看一看