【はてなブログ】文章の前にアイコンをつけたい
文章の前にフォントアイコンをくっつけたい
こんなマークや
こんなの
はてなブログにはデフォルトで使える
「アイコンフォント」というものがあります。
それを文章中に前にくっつけたり、後ろにくっつけたりしたい。
とってもカンタンだよ！
見たまま編集モードの場合
HTML編集に切り替えて貼り付けることが出来ますが、
＜i＞タグの間に「テキスト」が入っていないので
不要と判断され自動的に削除されます。
解決法
＜i＞タグの間に&hbsp;の空白タグをいれる。
そうすると＜i＞タグが＜em＞タグに変更になって表示はされるようになります。
ただemタグは本来「強調」の役目をするのでできれば避けたい。
ということで、、、
＜span＞タグにするのが「見たまま編集モード」のHTML編集ではおすすめです。
<span class="blogicon-home">&hbsp;</span>あいうえお
下記サイト記事を参考にさせていただきました。
