Bagaimana untuk Menjajarkan Teks Secara Menegak dengan Ikon Hebat Font dalam Butang Bootstrap?

Penjajaran Menegak Teks dengan Ikon Font Hebat

Apabila menggabungkan ikon dan teks Font Hebat dalam butang Bootstrap, menjajarkan teks secara menegak boleh menjadi mencabar . Biasanya, teks dijajarkan dengan tepi bawah ikon.

Untuk mencapai penjajaran teks menegak, ubah suai penjajaran menegak ikon Font Hebat dan bukannya teks.

<div>
  <span class="icon icon-2x icon-camera"><p>Sebagai alternatif, anda boleh memisahkan ikon dan teks ke dalam rentang individu dan menyasarkannya dengan CSS:</p>
<pre class="brush:php;toolbar:false"><div class="my-fancy-container">
    <span class="my-icon icon-file-text"></span>
    <span class="my-text">Hello World</span>
</div>

.my-icon {
    vertical-align: middle;
    font-size: 40px;
}