Я использую шрифт awesome в каком-то проекте, но у меня есть кое-что, что я хочу сделать со шрифтами awesome icons, я могу легко назвать значок следующим образом:
<i class="fa fa-lock"></i>
Возможно ли, чтобы все иконки всегда были в круглом круге с рамкой? Как то так у меня есть картинка:
С помощью
i {
background-color: white;
border-radius: 50%;
border: 1x solid grey;
padding: 10px;
}
Будет ли эффект, но проблема в том, что значки всегда больше, чем текст или элемент рядом, какие-либо решения?