Text-align не работает внутри позиции: исправлено div

-1

У меня есть плохой код с ошибками здесь (особенно навесы и поля для полей Div), на данный момент это не имеет значения Итак, я сделал положение: исправлено div и положить в текстовом выравнивать, но не выравнивает текстText-align не работает внутри позиции: исправлено div

<div style="background-color: black; width: 100%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; margin-left: 0px; position: fixed; top: 0px; right: 0px;"> 
    <br><a style="color: white; text-align: left;">Hi, </a> 
    <a href="profile.php" style="color: white; text-align: left;">USERNAME</a> 
    <a href="settings.php" style="color: white; text-align: right;">settings</a><a style="color: white; text-align: right;">|</a><a href="logout.php" style="color: white; text-align: right;">logout</a> 
    <br><a style="color: black;">.</a></div> 
<br><br><br>

источник

2014-12-06 rebane2001

Это работает нормально, но вы используете его неправильно. 'text-align' выравнивает текст внутри элемента, но' 'elmements не имеют явной ширины и растет только для того, чтобы содержать текст. Попробуйте 'float: right' вместо этого, если вы хотите, чтобы выровнять только некоторые ссылки или добавить« text-align: right »в родительский элемент, если все содержимое должно быть выровнено по правому краю. – GolezTrol

@GolezTrol WOW! Спасибо! Оно работает! – rebane2001

Вы должны установить text-align:right для DIV и не для ссылок.

<div style="text-align:right;background-color:black;width:100%;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;margin-top: 0px;margin-bottom: 0px;margin-right: 0px;margin-left: 0px;position: fixed;top: 0px;right: 0px;"><br> 
<a style="color:white;text-align: left;">Hi, </a><a href="profile.php" style="color:white;text-align: left;">USERNAME</a> 
<a href="settings.php" style="color:white;">settings</a><a style="color:white;">|</a><a href="logout.php" style="color:white;">logout</a> 
<br><a style="color:black;">.</a></div><br><br><br>

источник

2014-12-06 16:26:36 matuzo

Нет, это не сработает, потому что я хочу, чтобы одна часть div ушла влево, другая, чтобы идти вправо – rebane2001

Text-align не работает внутри позиции: исправлено div

ответ

Смежные вопросы