Выровняйте поля профиля, используя CSS

Question

У меня есть страница в следующем формате,

My Profile<br />
Name <span class='values'>: $name</span><br />
 Age <span class='values'>: $age</span><br />

и т.д ...

Я хочу выровнять поля так, чтобы двоеточие было отцентрировано, а затем значения, полученные из базы данных

Я использовал класс span со следующей информацией, но двоеточие еще не в одной строке.

.values {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
padding-left:100px;
}

Спасибо.

Answer 1

Вам нужно будет заключить метки (имя, возраст) в элемент встроенного блока с фиксированной шириной и выровнять текст по ним вправо. Пример . * +1003 *

Answer 2

Я бы обернул все метки в один div, затем обернул все ваши значения в другой div, поместил эти div в ряд, затем выровнял по тексту: прямо на первом div с вашими метками.