Я пытаюсь расположить шрифт удивительный значок - восклицательный знак сложены на вершине круга - вот так:Как я могу помещать шрифты в удивительные значки?
Что происходит, что это выглядит следующим образом:
Что нового
<span class="fa-stack">
<i class="fa fa-circle fa-stack-1x" style="color:red"></i>
<i class="fa fa-exclamation fa-stack-1x" style="color:white"></i>
</span>
Используйте поля. В этом случае я использовал отрицательные поля.
.fa-stack {
z-index: 100;
margin-left: -20px;
}
Z-index гарантирует, что значок находится поверх текста. В зависимости от того, как вы его построили, вам может понадобиться или не нужно его добавлять. Число просто должно быть выше, чем z-индекс текста (100 произвольно).
Отрицательный запас перемещает его.
What's New<sup><i class="fa fa-circle fa-stack-1x" style="color:red"></i></sup> Удалите пробел перед шрифтом-удивительного значком и поместить код в верхнем индексе