Как я могу определить название определения и описание разных размеров? ⇐ CSS

[Anonymous]

У меня есть список определений HTML, в котором названия (годы в коде ниже) определяются в меньшем тексте, чем определения ('foo', 'bar' и 'baz'), и оба печатаются на одной и той же строке: < /p>



dt {
font-size: small;
float: left;
clear: left;
}

dd {
/* Only added to make comparison more clear */
font-size: large;
}< /code>






2021Foo
2022Bar
2023Baz


< /code>
< /div>
< /div>
< /p>
только с этим кодом названия делают меньше, чем описания, но они выровнены вдоль верхней части их текстовых поля (то есть верхняя часть небольшого заголовка текста выровнены с верхней частью более широкого описания текста). Я хочу, чтобы они выровнялись на своих базовых показателях (то есть для нижней части меньшего текста заголовка, чтобы соответствовать нижней части более широкого текста описания). Если текст описания разбивается по строке, то текст заголовка (который никогда не будет достаточно длинным, чтобы сломать) должен соответствовать базовой линии первой строки текста описания.
Как я могу это достичь?>

Подробнее здесь: https://stackoverflow.com/questions/797 ... rent-sizes