コード
ここに質問の内容を詳しく書いてください。 画面のサイズが変わっても input[type="text"] の表示位置が常に、画面の中央になるようにしたいです。 ■■な機能を実装中に以下のエラーメッセージが発生しました。 ### 発生している問題・エラーメッセージ
中央になりません
### 該当のソースコード ```ここに言語名を入力 【html】 <head> <title>模写</title> <meta name="viewport" content="width=device-width, initial-scale=1.0", maximum-scale=1.0, minimum-scale=1.0> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="responsive.css"> </head> <div class="A">どのくらい収入が見込めるかチェック</div> <input type="text" name="name" placeholder="ロケーション"><br> <select name="address" class="B"> 【css】 input[type="text"]{ /*ロケーション*/ height:50px; margin-top:5px; padding-left:5px; border-radius:5px; border:solid 1px #0000aa; display:inline-block; } 【responsive.css】 @media(max-width:680px){ input[type="text"], select[name="address"]{ width:75%; } }
試したこと
position:center; margin-right:auto; margin-left:auto;
補足情報(FW/ツールのバージョンなど)
css3 html5 サブライムテキスト3
回答1件
あなたの回答
tips
プレビュー