Как я могу написать в форме звезды ⇐ Html

[Anonymous]

В приведенном ниже коде я хочу написать число внутри формы (звезда), но оно появляется на стороне формы. Как я могу достичь этого сценария.
заранее < /p>


.Stars {
--percent: calc(var(--rating) / 5 * 100%);
display: inline-block;
font-size: var(--star-size);
font-family: Times;
line-height: 1;
margin-left:500px;
background-color: red;

}
.Stars::before {
content: '★';
background: linear-gradient(0deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}< /code>

Код: Выделить всё

3

Подробнее здесь: https://stackoverflow.com/questions/691 ... star-shape