スマホの表示崩れ

Question

https://www.rakuten.ne.jp/gold/dreamhats/smart/


Topics部分の2つ並びの部分が、表示崩れしてしまいます。
CSSのどの部分が間違っているでしょうか。
確認してみたのですが検討つきません。

教えていただけると幸いです。

Answer

ECマスターズの田中です。

確認したところ、下にズレている

上記タグの左側に、全角スペースが含まれておりましたので、
半角スペースに修正していただきますようお願いします。

半角スペースやタブ文字と違い、
HTMLソース内の全角スペースは表示する場所が必要となるため、
その高さの分だけ、下に押しやられております。

メモ帳では見た目の区別がなく、全角スペースが判別しづらいですが、

Mery
http://forest.watch.impress.co.jp/library/software/mery/

などの高機能なテキストエディタをご利用いただくと、
表示オプションを変更して、
全角スペースなどの特殊記号をわかりやすく表示させることができますので
お試しいただければと思います。
（Meryの場合は、 表示→記号→全角空白 にチェックを入れて下さい）

Answer

こちらのアプリを使ったところ、うまく表示できました。ありがとうございます。