Мне невероятно сложно достичь следующего эффекта:
==========================================================
= Variable Width = <input style="width: 100%" /> =
==========================================================
Я использую следующий HTML:
<dl>
<dt>
<label>Variable Width</label>
</dt>
<dd>
<input style="width: 100%" />
</dd>
</dl>
Обратите внимание, что я упростил HTML для удобства чтения.
Может ли кто-нибудь предложить, какой CSS я должен использовать для достижения этого эффекта? Я бы предпочел не использовать display: table
, потому что я ищу кросс-браузерную совместимость, которая достигает IE7.