Text in Float rechts ausrichten ⇐ CSS

[Anonymous]

Der Versuch, Text in einem Div mit Float nach rechts auszurichten

Der Versuch, Tabs zu meinen Informationen hinzuzufügen, scheint mit Telefonnummern zu funktionieren, aber wenn ich ihn nach rechts schweben lasse, funktioniert es nicht.

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

Das 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:[email protected] ][email protected]
[/url]

Business Hours:

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