Programmiererforum

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

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]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]
[code]

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

[/code]