初級の時にも、はまっていた記憶があります。
備忘録として残しておきます。
フォーム部品などに使われる送信ボタンのbuttonやinput。
それ自体に「margin： 0 auto;」を一生懸命指定しても思ったような挙動にはなりません。
これらを中央配置にしたいときは、
buttonやinput要素をdivなどで囲ってあげて、この親要素であるdivに
text-align: center;を充てることで解決します
【参考サイト】
フォームの送信ボタンを中央揃えする時に少しハマりました・・・
-
著者
tanatiyo
この記事を書いた人