Cara Mengatur Posisi Font Awesome Di HTML

Posisi Font Awesome

Ok sekarang kita lanjutkan pembahasan Cara Menggunakan Font Awesome Di HTML. Kali ini saya akan bahas Cara Mengatur Posisi Font Awesome Di HTML. Jadi jika sobat ingin mengatur posisi Font Awesome bisa ikuti caranya di bawah ini. Ok sekarang kita langsung saja :

1. Letak Posisi Di Sebelah Kiri

fa-home

letak ikon sebelah kiri dengan menambahkan kode pull-left

Contoh kodenya seperti di bawah ini :

<i aria-hidden="true" class="fa fa-home pull-left"></i>

2. Letak Posisi Di Sebelah Kanan

fa-home

letak ikon sebelah kiri dengan menambahkan kode pull-right

Contoh kodenya seperti di bawah ini :

<i aria-hidden="true" class="fa fa-home pull-right"></i>

3. dengan Menambahkan Garis atau Border

fa-home

Menambahkan Garis atau Border dengan menambahkan kode fa-border

Contoh kodenya seperti di bawah ini :

<i aria-hidden="true" class="fa fa-home fa-border"></i>

Part 4 : Cara Mengatur Rotasi Font Awsome Di HTML