次のようなレイアウトのフォームがあります。
名前:
電話:
メール:名前:
電話:
メール:
私のhtmlは次のとおりです。
<ol class="information">
<li>
<ul>
<li>
<label>Name:</label>
<input name="Name1" type="text" />
</li>
<li>
<label>Phone:</label>
<input name="Phone1" type="text" />
</li>
<li>
<label>Email:</label>
<input name="Email1" type="text" />
</li>
</ul>
</li>
<li>
<ul>
<li>
<label>Name:</label>
<input name="Name2" type="text" />
</li>
<li>
<label>Contact Number:</label>
<input name="Phone2" type="text" />
</li>
<li>
<label>Email:</label>
<input name="Email2" type="text" />
</li>
</ul>
</li>
</ol>
私のCSSは次のとおりです
。ol.information ul { list-style-type:none; マージン:0; パディング:0; }
ol.information ul label
{
display:inline-block;
width:125px;
}
クロム、ファイアフォックス、オペラでは、正しく見えます。IE (任意のバージョン) では、次のように、番号 1 と 2 の後にキャリッジ リターンがあります。
名前:
電話:
メール:
名前:
電話:
メール:
IEで余分な行を削除する方法はありますか?