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

Разбираемся в CSS
Ответить
Anonymous
 Выравнивание текста поплавку по правому краю

Сообщение 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




Подробнее здесь: https://stackoverflow.com/questions/469 ... loat-right
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»