Q&Ahtmlで
この図のような画面を作成したいのですが、
氏名と人数と合計金額が横並びにならず下にならんでしまいます。
方法が知りたいです。
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF8"> 5</head> 6<body> 7<form> 8 <div class="form-row"> 9 <div class="inline-brock"> 10 <label for="name">氏名*</label><br> 11 <input type="name" id="name" value="" placeholder="予約 太郎"/> 12 </div> 13 <div class="inline-brock"> 14 <label for="syukuhaku">宿泊人数</label><br> 15 <input type="number"id="syukuhaku" placeholder="人数"> 16 </div> 17 <div class="inline-brock"> 18 <label for="number">合計金額</label><br> 19 <input type="number" id="number" placeholder="0"><br> 20 </div> 21 </div> 22</form> 23</body> 24</html>
回答1件
0
ベストアンサー
CSS
1.form-row{ 2 display:flex; 3} 4
投稿2020/07/14 01:59
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。