Вот несколько 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>
Это выглядит так:
Как вы порекомендуете мне правильно ли выровнять его? А именно, «Последние данные» должны совпадать со строкой «28 96» и, что, возможно, самое сложное, «30 95», несмотря на то, что находится в текстовом поле, должно совпадать с если это просто еще одна строка после "28 96".