Как написать текст внутри фигуры?

Question

[Александр Тимков]

У меня есть код трек зведзочек мне нужнл втурр них написать текст код ниже

<h1 class="animated fadeInUpBig" style="margin-top: -70px;"><span style="color: red"><i class="fa fa-star fa-3x"></i> <i class="fa fa-star fa-4x"></i> <i class="fa fa-star fa-3x"></i></span></h1>

Comments

[Михаил Лялин]

пишите грамотнее и конкретнее излагайте свои пожелания

Answer 1

[zuraavl]

я бы эти звездочки добавил через псевдокласс
выглядеть будет так
<div class="star1">text</div>

.star1 {
position: relative;
тут стили для текста
}
.start1:before {
  content: "\f005"; (это адрес звездочки, можно посмотреть его если на fortawesome нажать на иконку и найти :before)
   font: normal normal normal 14px/1 FontAwesome;
   position: absolute;
   ну и дальше стили для звездочки, размер, цвет.
}

Так, потому что если вложить текст в <i> он будет без шрифта. Правда я никогда не пробовал запихнуть в <i><span> и попробовать дать ему другой шрифит. Может так получится лучше.