前提・実現したいこと
inputの要素を中央に寄せたい
発生している問題
ボタンの位置がテキストボックスの右下になってしまう
該当のソースコード
html
1<div style="width: 400px;"> 2 <form action="kanrilogin.php" method="POST"> 3 <input type="text"name="kanri_id"value= > 4 <input type="password" name="kanri_pass"id="pass"placeholder="パスワード"> 5 <input type="submit" class="btn" value="ログイン"> 6 </form> 7</div>
css
1.btn { 2 display : inline-block; 3 border-radius : 5%; /* 角丸 */ 4 font-size : 18pt; /* 文字サイズ */ 5 text-align : center; /* 文字位置 */ 6 cursor : pointer; /* カーソル */ 7 padding : 12px 12px; /* 余白 */ 8 background : #1e87f0; /* 背景色 */ 9 color : #ffffff; /* 文字色 */ 10 line-height : 1em; /* 1行の高さ */ 11 transition : .3s; /* なめらか変化 */ 12 box-shadow : 6px 6px 3px #666666; /* 影の設定 */ 13 border : 2px solid #1e87f0; /* 枠の指定 */ 14 display: block; 15 margin: 0 0 0 auto; 16} 17 18.btn:hover { 19 box-shadow : none; /* カーソル時の影消去 */ 20 color : #1e87f0; /* 背景色 */ 21 background : #ffffff; /* 文字色 */ 22}
試したこと
align=centerやrightを試してみましたがわかりませんでした
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。