ブラウザの幅が狭いスマホではコレが起こりがち。一行に収まりきらない場合、項目途中での改行はせずに、その項目全体が改行されます。項目右側に表示されていたラインは、統一性がなくなってしまい不恰好になるので消すことにしました。まとまりがなくなってしまうため、各項目の先頭にアイコンを入れて装飾するタイプも紹介します。追加CSS追加CSSにコピペするCSSは下記の通り。装飾は要らないけど項目の右横のラインは残したい場合は、1~8行目をコピペ装飾は要らないけど項目の右横のラインは消したい場合は、1~13行目をコピペ右横のラインを消して装飾もしたい場合は、全てをコピペ装飾用のアイコンフォントを自分で選びたい!装飾用のフォントは「FontAwesome」を使っています。開いたページに、そのアイコンの詳細情報が載っています。Unicodeは、見本のマークのすぐ下。これをコピーしましょう。この内容を変えてあげます。\(または¥マークになっている場合もあるかも)は消さないように。これを消すと、文字列として扱われてしまうので、項目の前にアイコンは入りません。代わりに「f069」という文字が入ります。(←逆に言えば、文字列を入れることも可能ということ)こうなればOK。以上で解説を終わります。最新記事クマ好きなものは、旅行とカメラと副業。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。その1】効果的な「会話ふきだし」を作ろう!アイコンを個々にアニメーション化する方法。自宅のWi-Fiが頻繁に切れるようになった。設定が残っているせいかもしれない!Chromeでサイトのキャッシュが消えない。