前提・実現したいこと
よくある検索フォームを作ってます。左にテキスト、右に送信ボタンを置きたいです。並びはdisplay: flex;で並べてます
発生している問題・エラーメッセージ
該当のソースコード
html
1<div class="search"> 2 <form action=""> 3 <input type="text" name="search"><input type="submit" value="検索"> 4 </form> 5</div>
css
1input[type="text"] { 2 width: 200px; 3 height: 14px; 4 background-color: #ffffff; 5 padding: 3px 0 3px 10px; 6 border: 2px solid #646464; 7 border-right: none; 8 border-radius: 10px 0 0 10px; 9 margin: 0; 10} 11input[type="submit"] { 12 border-radius: 0 10px 10px 0; 13 border: 2px solid #646464; 14 height: 24px; 15 background: #ffffff; 16 margin: 0;
試したこと
cssのパティングボーダーマージンがかかってないか見ましたがわかりませんでした。
補足情報(FW/ツールのバージョンなど)
ブラウザ:chrome 最新版
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/04/24 11:06