フォントアイコンの応用編その2ー文章の始めと最後に挿入-

2020年2月22日フォントアイコンを活用しよう!

Font Awesomeバージョン4.7のものです。2017年末に新しくバージョン5が公開しています。
バージョン4.7と5は内容が異なるため、バージョン5は追々解説します。

フォントアイコンの応用編続きです。

文章の始めと最後にフォントアイコンを挿入

クラス名に「pull-left」「pull-right」を付けることで、それぞれの端に寄ります。

ここに文章を挿入します。

<i class="fa fa-quote-left fa-2x pull-left"></i>ここに文章を挿入します。<i class="fa fa-quote-right fa-2x pull-right"></i>