HTMLにおけるフォームのセンタリング効果

絵を渡されて、その絵のスタイルでフォームを作るという課題に出くわしたのですが、すべての機能を実装した後、フォームを中央に配置できず、左上で縮み続けてしまい、見栄えが悪くなってしまいました。いろいろと修正した結果、ようやくフォームを中央に配置することに成功しましたので、以下に、私が経験したエラーと最終結果を共有します。(この部分の課題をやった時はcssを習ってなかったので、使ってません)

1、見た目で作っただけ

PUBLISH

見た目が不格好なので、どんどん改良してください。

2. 修正後

画像

見た目はもっと不格好ですが、中央揃えで、ここに来るまでに、私が使っていたのは

true

true