フォームの送信ボタンを中央揃えする時に少しハマりました・・・

初級の時にも、はまっていた記憶があります。

備忘録として残しておきます。

フォーム部品などに使われる送信ボタンのbuttonやinput。

それ自体に「margin： 0 auto;」を一生懸命指定しても思ったような挙動にはなりません。

これらを中央配置にしたいときは、

buttonやinput要素をdivなどで囲ってあげて、この親要素であるdivに

text-align: center;

を充てることで解決します

【参考サイト】

[CSS] フォームの「送信ボタン」を中央揃えに! どの端末で見ても真ん中にする技!! | ヨッセンス

送信フォームとかのボタンを真ん中に表示したい（中央揃えにしたい）とき、どうやっていますか? 私はど忘れして少し苦戦したことがあります。今回は、スマホとかタブレットで見ても中央揃えになる技の紹介です。

yossense.com