次のコードがあります。
HTML
<div id=addQuesion">
<li>
<label>Text</label>
<input type="text"/>
</li>
<li>
<label>Try</label>
<input type="button"/>
</li>
</div>
CSS
#addQuesion li label {
position: relative;
top: 10px;
left: 10px;
font-size: 25px;
border: 1px black solid;
padding-right: 50px;
}
#addQuesion li input {
position: relative;
top: 10px;
left: 10px;
width: 400px;
font-size: 25px;
}
確かに 2 つの入力の幅は 400px ですが、各入力 (テキスト、ボタン) を異なる幅にする方法を尋ねています。
このようなスタイルを使用できることはわかっています<input style="..." />
が、CSS を使用する必要があります。また、入力ごとに異なるものを使用できることも知ってい<div>
ますが、それらを同じ div に配置したいと考えています。