問い合わせフォームの確認画面では「修正する」か「送信する」を選択できるように2つのボタンを置くことがあります。そんなボタンを横並びで中央寄せ,右寄せにする方法を解説します。【方法1】text-aligninputのボタンやbuttonタグはinline-blockであり、これらは横に並びます。inline-blockは親にtext-alignを指定することで位置調整ができます。aタグをボタンにした場合は「display:inline-block」を指定すると、この方法が可能になります。文字を中央寄せするにはどうするの?文字を中央寄せ,右寄せ,左寄せするtext-alignの使い方を解説します。value="送信する"></div>CSSやhtmlの基本をしっかり理解すると、この記事の内容もより理解できるようになりますよ。↓CSSやhtmlを楽しく学べるようにマンガを描きましたのでゼヒご覧ください↓htmlやCSSをマンガで楽しく学ぼう【180ページ単行本1冊相当量】htmlから収益化までホームページ作成の基本をひととおり、マンガでクスっと笑いながら学べます。9年間ホームページを作ってきた作者の実績に基づき作られた確かな内容です。この記事を読む【方法2】tabletableを1行2列にしてそれぞれのtd内にボタンを置きます。ちなみにtdの中はブロック要素でも大丈夫です。このtableの位置を調整します。</tr></table>【方法3】display:flexdisplay:flexを指定した子要素は横に並びます。display:flexとセットでjustify-contentを使うと横位置の調整が可能です。display:flexで解決できること9選!display:flexは便利らしいがどんなときに使えるのか。横並べを中心に、いろいろなことができるので覚えておきましょう。【中央寄せ】親にjustify-content:center【右寄せ】親にjustify-content:flex-end以上、ボタンを横並びで中央寄せ,右寄せにする方法でした。「この記事の内容がよくわからなかった...」「なんかうまくいかなかった...」というかたは下記記事↓でhtmlとCSSの基本を学びましょう。わからないまま突き進むより基本を学ぶのが結局近道です。htmlやCSSをマンガで楽しく学ぼう【180ページ単行本1冊相当量】htmlから収益化までホームページ作成の基本をひととおり、マンガでクスっと笑いながら学べます。9年間ホームページを作ってきた作者の実績に基づき作られた確かな内容です。マンガでわかるホームページ。