Выравнивание текста поплавку по правому краю ⇐ Html

[Anonymous]

Пытаюсь выровнять текст в элементе div с плавающей запятой по правому краю

Пытаюсь добавить табуляцию к моей информации, кажется, работает с телефонными номерами, но если я перемещаю ее правильно, это не работает.

Кроме того, когда мой экран меньше 400 пикселей, информационный текст не кажется центрированным на 100%.

код:

Код: Выделить всё

p span {
display: inline-block;
width: 100px;
}

.responsive {
display: inline-block;
width: 100%;
}

.responsive .left {
float: left;
width: 50%;
}

.responsive .right {
float: right;
text-align: right;
width: 50%;
}

@media (max-width: 400px) {
.responsive .left,
.responsive .right {
width: 100%;
text-align: center;
}
}

Код: Выделить всё

Infomation:

Phone:    (00) 00000000

Fax:      (00) 00000000

Email:    [url=mailto:contact@email.com ]contact@email.com
[/url]

Business Hours:

Mon - Th: 8:30 - 5:00
Friday: 8:30 - 3:30