Font Awesome SVG и выравнивание текста - PullRequest
Новая
       19

Font Awesome SVG и выравнивание текста

1 голос
/ 19 марта 2019

Я пытаюсь выровнять текст по горизонтали в соответствии с Font Awesome SVG анимацией согласно изображению alignment

Что я не могу обойти, так это размещение текстасогласно скрипке здесь https://jsfiddle.net/4wvbrp6o/8/

<div class="gears">
<i class="fas fa-cog fa-5x slow-spin" data-fa-transform="down-6  right-5"></i>
<i class="fas fa-cog fa-4x slow-spin" data-fa-transform="down-19 right-1"></i>
<i class="fas fa-cog fa-6x slow-spin" data-fa-transform="up-1 left-9"></i>
  <h1>
  TO BE ALIGNED IN LINE
  </h1>
</div>

.slow-spin {
  -webkit-animation: fa-spin 6s infinite linear;
  animation: fa-spin 6s infinite linear;
}

h1{
  font-size: 36px;
}

Как только я стилизую текст как h1, выравнивание полностью исчезнет.Как я могу выровнять текст по изображению?

...