Formを全てcenterにしたい。
白い枠と中身のinputを全てcenterにする方法を教えてください。
できればFlexboxでresponsiveにするスマートな方法が嬉しいです。
HTML
</div> </body> </html><input type="submit" value="Submit">
CSS
- {
padding: 0;
margin: 0;
box-sizing: border-box;
}
body {
background: #e8f3f8;
}
.container {
width: 80%;
margin: auto;
background: #fff;
}
h1 {
text-align: center;
font-size: 50px;
color: steelblue;
}
form {
margin: 20px auto;
color: steelblue;
}
input {
padding: 10px;
font-size: inherit;
display: block;
width: 80%;
margin-bottom: 25px;
border: 2px solid steelblue;
}
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/06/02 10:08