Javascript 在容器div中居中显示字体图标

我有一个按钮，有两个文本和一个字体图标。两个文本应左对齐，而图标应居中对齐

统一的

iOS开发者

.覆盖{
显示：内联块；
文本对齐：左对齐；
背景：rgba（0,0,0,35）；
填充顶部：15px；
左侧填充：15px；
}

由于文本和图标都包含在

覆盖中

，有没有办法将它们指定给不同的样式？我试图将文本和图标分为两个不同的

overlay

类，但由于它是一个overlay，我需要将这三个类都放在一个父容器下

标记不是自动关闭的<代码>它们以及跨距始终显示为内联。。。将其更改为内联块或块

如果您需要更新标记，那么避免使用

标记将非常有用<代码>
标签是邪恶的

.overlay{
显示：内联块；
文本对齐：左对齐；
背景：rgba（0,0,0,35）；
填充顶部：15px；
左侧填充：15px；
}
/*添加下面的内容是因为这里的CSS显然不完整*/
.overlay{宽度：200px；高度：200px；}
span{display:block；}

统一
iOS开发者

标记不是自动关闭的<代码>它们以及跨距始终显示为内联。。。将其更改为内联块或块

如果您需要更新标记，那么避免使用

标记将非常有用<代码>
标签是邪恶的

.overlay{
显示：内联块；
文本对齐：左对齐；
背景：rgba（0,0,0,35）；
填充顶部：15px；
左侧填充：15px；
}
/*添加下面的内容是因为这里的CSS显然不完整*/
.overlay{宽度：200px；高度：200px；}
span{display:block；}

统一
iOS开发者

只需将图标添加到overlay div内的其他div中，并使用文本对齐：居中

.overlay{
显示：内联块；
文本对齐：左对齐；
背景：rgba（0,0,0,35）；
填充：15px；
}
.overlay.icon{
文本对齐：居中；
填充：8px0；
}

统一的

iOS开发者

只需将图标添加到overlay div内的其他div中，并使用文本对齐：居中

.overlay{
显示：内联块；
文本对齐：左对齐；
背景：rgba（0,0,0,35）；
填充：15px；
}
.overlay.icon{
文本对齐：居中；
填充：8px0；
}

统一的

iOS开发者

您是否试图让每行文字或图标都有自己的风格？如果是这样，您可以只为每个应用程序分配一个id并修改它们的cssI，而不能将样式应用于每个

span

或

i

。我需要将其应用于父容器。如果我想将图标居中对齐，我不能将其应用于图标。您是否试图使每行文本或图标都有自己的样式？如果是这样，您可以只为每个应用程序分配一个id并修改它们的cssI，而不能将样式应用于每个

span

或

i

。我需要将其应用于父容器。如果我想将图标居中对齐，我不能仅将其应用于图标。他首先不应该使用

标记。这里有一些语义HTML的地方。同意。与其说是跨度，不如说是段落。谢谢你简洁的解释：）我也会记住这些建议。他一开始就不应该使用

标签。这里有一些语义HTML的地方。同意。与其说是跨度，不如说是段落。谢谢你的简明解释：）我也会记住这些建议。

<div className="overlay">
    <span>Unifyed</span><br/>
    <span style={{fontSize: "14px", textAlign: "left"}}>iOS Developer</span><br/>
    <span><i className="icon fa fa-plus" /></span>
</div>

.overlay {
    display: inline-block;
    text-align: left;
    background: rgba(0, 0, 0, .35);
    padding-top: 15px;
    padding-left: 15px;
}