1

次のようなレイアウトのフォームがあります。

  1. 名前:
    電話:
    メール:

  2. 名前:
    電話:
    メール:

私の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 の後にキャリッジ リターンがあります。


  1. 名前:
    電話:
    メール:


  2. 名前:
    電話:
    メール:

IEで余分な行を削除する方法はありますか?

4

0 に答える 0