Составьте список значений, выровненных с текстовым полем и метками

Вот несколько CSS и HTML для создания текстового поля под списком точек данных:

form label {
  width: 140px;
  float: left;
}
form ol li {
  background: #98c8dc;
  list-style: none;
  padding: 5px 10px;
}

<form>
<ol>
<li>
  <label><br/><br/><br/><br/>Recent data</label>
  <ol>
  <li>3 99</li>
  <li>5 98</li>
  <li>15 97</li>
  <li>28 96</li>
  </ol>
</li>
<li>
  <label>New data</label>
  <textarea placeholder="30 95" rows="4"></textarea>
</li>
</ol>
</form>

Это выглядит так:

enter image description here

Как вы порекомендуете мне правильно ли выровнять его? А именно, «Последние данные» должны совпадать со строкой «28 96» и, что, возможно, самое сложное, «30 95», несмотря на то, что находится в текстовом поле, должно совпадать с если это просто еще одна строка после "28 96".

9
задан dreeves 15 November 2011 в 01:29
поделиться