MDLのラベル付きラベルスイッチ

Question

下の図に示すように、私のMDLスイッチがラベルと位置合わせされていません。試したセンタリング手法は何の効果もありませんでした。それらは：text-align: centerと

• margin: 0 auto
• display: inline-blockフォーム

Codepenのいずれかの側の親

<div class="mdl-layout-spacer"></div>に：私は、私はdisplayを置くことがわかっhttps://codepen.io/MrNakaan/pen/mEgdvX

Answer 1

間違った場所は、フォームに適合するようにスイッチを取得します。フォーム自体にスイッチアイコンをプルするには、フォーム自体にdisplay: inline-block;が必要です。そこから、他の変更があなたが望むようにアライメントを得ることができます。

左揃えと中央揃えのコデペン、右揃えが分かる場合はコメント：https://codepen.io/MrNakaan/pen/OXGJwk