Как я смогу элементы DD и DT быть на одной линии с выровненным DT Right, а DD оставался влево? ⇐ Html

[Anonymous]

У меня есть список определений пар значений ключей, и я хочу поставить их на одну строку и выровнять их текст, чтобы элементы DT были правы, а элементы DD остаются выровненными. Я также хотел бы добавить: между двумя, все через CSS. Я видел примеры того, как получить их на той же строке, используя Float: слева, но как только я добавляю текстовый выравнивание, они возвращаются к тому, чтобы быть на разных линиях. Мне не нужно использовать этот метод, но я недостаточно знаком с CSS, чтобы узнать, как его стилизовать, чтобы получить желаемый результат. Кто -нибудь знает, как я мог бы сделать это?
Username Username02
Password p1HvkNAAx6P
Security Question What is your pets name?
Security Answer Fred
Security Question What is your favorite color?
Security Answer Blue



Подробнее здесь: https://stackoverflow.com/questions/619 ... -aligned-a