質問: 現在HTMLのlabelタグに挟まれている文字列に空白を含ませる事で揃えているのですが、あまり良い解決作には見えないので、cssを使って空白なしでも揃うようにしたいです。 ``` 曲名: アーティスト: アルバム: ジャンル: 年: ```
回答: ラベルに入るテキストが固定なら、幅を固定してしまえば良いのでは。 ``` .song__info label { display: inline-block; text-align: right; width: 7em; } ``` これができない場合は、テーブルレイアウトですかね。注意点として、ChromeとSafariは`` に `display: table-cell` を適用できないので、囲む要素を追加する必要があります。