Html 从右中间带图标的数字 我有一个数字，我想在它旁边放一个星星图标，但是在中间。 P>字体的大小可以改变，但应该保持在中间。< /P>

例如：

这是我的css：

.my-container {
    display: inline-block;
}

.my-text {
    font-family: "Courier-new";
    font-size:20px
}

.my-icon {
    vertical-align: middle;
    font-size: 10px;
}

.my container{
显示：内联块；
}
.我的文本{
字体系列：“信使新”；
字号：20px
}
.我的偶像{
垂直对齐：中间对齐；
字体大小：10px；
}

5.

我使用了

线条高度

和

垂直对齐：中间

的组合来实现这一点：

*{
线高：1；
}
.我的集装箱{
显示：内联块；
垂直对齐：中间对齐；
}
.我的文本{
字体系列：“信使新”；
字体大小：20px；
垂直对齐：中间对齐；
}
.我的偶像{
垂直对齐：中间对齐；
字体大小：10px；
线高：0.2；
}
.大字体.我的文字{
字号：2.5em；
}

5.
15

我会使用flexbox来实现这一点。它将垂直居中的内容，无论大小

.my container{
显示器：flex；
对齐项目：居中；
}
.我的文本{
字体系列：“信使新”；
字号：20px
}
.我的偶像{
垂直对齐：中间对齐；
字体大小：10px；
}

5.

有关更多示例和教程，请参见

.my-text {
    font-family: "Courier-new";
    font-size:20px
    vertical-align: middle;
}