こんにちは!
h1とformだけのシンプルな構造なのですが、中央寄せができず苦労しています。
html
1<!DOCTYPE html> 2<html lang="ja"> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 .conteinar{ 8 width: 1000px; 9 margin: 0 auto; 10 } 11 h1{ 12 width: 300px; 13 margin: 0 auto; 14 } 15 form{ 16 width: 300px; 17 margin: 30px auto; 18 } 19 .text{ 20 width: 216px; 21 margin: 0 auto; 22 } 23 .submit{ 24 width: 96px; 25 margin: 20px auto; 26 padding: 5px 34px; 27 } 28 </style> 29 </head> 30 <body> 31 <div class="conteinar"> 32 <h1>タイトルタイトル</h1> 33 <form class="" action="check.php" method="post"> 34 <input class="text" type="text" name="name"> 35 <br> 36 <input class="submit" type="submit" value="送信"> 37 </form> 38 </div> 39 </body> 40</html> 41
- h1
- input type="text"
- input type="submit"
しかし、現状では
- input type="text"
- input type="submit"
widthやmargin,paddingの数値はなんでもいいのですが、とにかくh1とformの中身のtextやsubmitなどの要素を全てセンタリングするには、どうすればいいでしょうか?
ちなみに現状のcodepenはこちらです。検証にお使いください。
左に寄った状態のcodepen
お手数ですが、原因がわかる方がいらっしゃいましたら教えてください。どうぞよろしくお願いいたします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/03/29 03:40
2020/03/29 04:18