質問: とあるサイトの運営をしているのですが、最近safariで色つき文字の横に空白があるのに気付きました。 インライン要素の隣に発生するらしく、ページの右に行くほど空白が大きくなるようです。 marginやpaddingを0にしても変わらず、letter-spacingやfont-family等色々試してみましたがダメでした。 解決方法をご存知の方おられましたら、恐れ入りますがご指導のほど宜しくお願い致します。 ▼参考ページ ▼再現環境 ・iPhone6s iOSバージョン:9.3.4 ブラウザ:Safari ・iPhone5s iOSバージョン:9.2 ブラウザ:Safari ▼参考画像 ![参考画像](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/12600dfbc63fd9369673c77a24bd0f0a.png) ▼ページソース ``` テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキスト テキストテキストテキストテキスト テキストテキストテキスト テキストテキスト テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト ```
回答: 両端揃えされているように見えますので `text-align` を指定してみてはどうでしょうか。 ``` div { text-align: left; } ``` Re: Dekusia さん