FontAwesomeのアイコンを垂直に整列させて、<a href>
タグのテキストと垂直に整列させる最適な方法は何ですか?FontAwesomeのアイコンをaタグのテキストと垂直に整列する
これまでのCSSに加えて、HTMLがあります。
ありがとうございました。あなたのI要素の
.btn-tertiary{
\t display: block;
\t width: 100%;
\t padding: 10px 7px 10px 10px;
\t border: 2px #E0DDDD solid;
\t margin-bottom: 10px;
\t font-size: 15px;
\t color: #0D0155;
\t height: auto;
\t font-weight: 600;
\t letter-spacing: 1px;
\t -webkit-transition:all 300ms ease-in-out;
transition: color 0.3s ease 0s;
}
.btn-tertiary:hover{
\t background-color: #004;
\t color: white;
\t text-decoration: none;
\t border: solid 2px #004;
}
.btn-tertiary i{
\t color: #E0DDDD!important;
\t float: right!important;
\t font-size:20px;
\t height: 20px;
\t vertical-align: middle;
}
<a class="btn-tertiary" title="Login to mange your investmnts & more" href="#">Login to my account<i class="fa fa-chevron-circle-right" aria-hidden="true"></i></a>