Text in Float rechts ausrichten ⇐ HTML

[Guest]

Der Versuch, Text in einem Div mit Float rechts auszurichten

Der Versuch, Tabulatoren zu meinen Informationen hinzuzufügen, scheint mit Telefonnummern zu funktionieren, aber wenn ich Wenn ich es nach rechts verschiebe, funktioniert es nicht.

Auch wenn mein Bildschirm kleiner als 400 Pixel ist, scheint der Informationstext nicht 100 % zentriert zu sein.

Die Code:

Code: Select all

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;
}
}

Code: Select all

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