###実現したい事
HTMLで適当なボタンや文字を書いてそれをド真ん中に表示させるためにまずは左右のど真ん中によせようとしたのですが、ボタンやテキストエリアや文字が固まって真ん中によせられてしまいます。理想としてはそれぞれの部品ごとに上下に固まって真ん中によせられてほしいです。何か良い方法がある方回答お願いします。
###現状のコード
HTML
1<html> 2<head> 3<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 4<title>真ん中</title> 5<link rel="stylesheet" type="text/css" href="./sample.css"> 6</head> 7<body> 8<div id="center"> 9<form> 10 よせ<br /> 11 <input type="text" size="30" value="" /><br /> 12 <input type="submit" id="tekitou" value="てきとう" /> 13</form> 14</div> 15</body> 16</html>
CSS
1body { 2 background: #eee; 3} 4 5*{ 6 padding: 0; 7 margin: 0; 8 box-sizing: border-box; 9} 10 11#center{ 12 position: relative; 13 margin: 0px auto; 14 width:250px; 15} 16 17#regist{ 18 width:267px; 19 height: 50px; 20 font-size: 2em; 21}
説明が真ん中真ん中しすぎててどの部品をどの位置に配置したいのかよくわからないので
ペイントツールでもなんでもいいので図解したほうがよいかとおもいます