Q&A
まず思ったように組んでください。
それに、HTMLこれだけで単に並べるだけならCSSすら不要です。
htmlとcssを使ってプログラミングをしています。
html
1 <form> 2 <div>1番</div> 3 <input type="text"> 4 <select name="ポジション"> 5 <option>一</option> 6 <option>ニ</option> 7 <option>三</option> 8 <option>遊</option> 9 <option>捕</option> 10 <option>中</option> 11 <option>右</option> 12 <option>左</option> 13 <option>指</option> 14 </select> 15 <div>2番</div> 16 <input type="text"> 17 <select name="ポジション"> 18 <option>一</option> 19 <option>ニ</option> 20 <option>三</option> 21 <option>遊</option> 22 <option>捕</option> 23 <option>中</option> 24 <option>右</option> 25 <option>左</option> 26 <option>指</option> 27 </select> 28 <div>3番</div> 29 <input type="text"> 30 <select name="ポジション"> 31 <option>一</option> 32 <option>ニ</option> 33 <option>三</option> 34 <option>遊</option> 35 <option>捕</option> 36 <option>中</option> 37 <option>右</option> 38 <option>左</option> 39 <option>指</option> 40 </select> 41 <div>4番</div> 42 <input type="text"> 43 <select name="ポジション"> 44 <option>一</option> 45 <option>ニ</option> 46 <option>三</option> 47 <option>遊</option> 48 <option>捕</option> 49 <option>中</option> 50 <option>右</option> 51 <option>左</option> 52 <option>指</option> 53 </select> 54 <div>5番</div> 55 <input type="text"> 56 <select name="ポジション"> 57 <option>一</option> 58 <option>ニ</option> 59 <option>三</option> 60 <option>遊</option> 61 <option>捕</option> 62 <option>中</option> 63 <option>右</option> 64 <option>左</option> 65 <option>指</option> 66 </select> 67 <div>6番</div> 68 <input type="text"> 69 <select name="ポジション"> 70 <option>一</option> 71 <option>ニ</option> 72 <option>三</option> 73 <option>遊</option> 74 <option>捕</option> 75 <option>中</option> 76 <option>右</option> 77 <option>左</option> 78 <option>指</option> 79 </select> 80 <div>7番</div> 81 <input type="text"> 82 <select name="ポジション"> 83 <option>一</option> 84 <option>ニ</option> 85 <option>三</option> 86 <option>遊</option> 87 <option>捕</option> 88 <option>中</option> 89 <option>右</option> 90 <option>左</option> 91 <option>指</option> 92 </select> 93 <div>8番</div> 94 <input type="text"> 95 <select name="ポジション"> 96 <option>一</option> 97 <option>ニ</option> 98 <option>三</option> 99 <option>遊</option> 100 <option>捕</option> 101 <option>中</option> 102 <option>右</option> 103 <option>左</option> 104 <option>指</option> 105 </select> 106 <div>9番</div> 107 <input type="text"> 108 <select name="ポジション"> 109 <option>一</option> 110 <option>ニ</option> 111 <option>三</option> 112 <option>遊</option> 113 <option>捕</option> 114 <option>中</option> 115 <option>右</option> 116 <option>左</option> 117 <option>指</option> 118 </select> 119 </form>
このような記述をしているのですが、1セットを改行なしで1行で表示がしたいです。
1番｛テキストボックス｝【セレクト】
2番｛テキストボックス｝【セレクト】
（このような感じで）
プログラミングは初心者で、わからないことが多いですがよろしくお願いします。
一応コードを詳細にしてみました。
コードはこのような感じで書いてます。
CSSを使わずにできるのであれば、それでもかまいません。（わからなかったのでCSSも利用していることを書いただけです）
各</div>
を
各</select>の後に持って来れば良いだけではないかと。
> それでもかまいません。
その言い方をすると、コードくれと言っているようなものなので、やめといた方がいいかと・・・。
まず、何を使えば改行されて、
何を使ったら改行されない、というのは理解されてますでしょうか？
そこの勉強がまだなら、そこの部分を勉強しただけで、自ずと解決すると思いますよ。
m.ts10806さん
とても初歩的な質問だったかもしれませんが、回答ありがとうございました。解決できました。
miyabi_takatsuk
独学でまだ始めたてのものなので申し訳ないですが、一応ネットで検索をかけ自己解決を図ってから質問はするようにしています。
それでもかまいませんが、コードくれと誤解されるのは心外です。CSSを利用するのかしないのかも判断がつかないために、言った言葉なだけです。
回答2件
0
</div>の位置を</select>の後ろに記述することで解決。
投稿2020/06/25 13:37
総合スコア5
0
自己解決
</div>の位置を</select>の後ろに記述することで解決。
投稿2020/06/25 13:36
総合スコア5
私が回答せずにコメントだけで済ませた意図が伝わってなかったのかもしれませんが、レイアウトは全体的に考える必要があるので、これだけで済むことはほとんどないと思ってます。
単にdivで囲っただけでは柔軟なレイアウトに対応できませんし、マークアップ観点ではよろしくないですよ。
「置いただけ」でレイアウトも何もないものになります。
あなたの回答
tips
プレビュー
