Как выровнять текст по центру и выровнять по правому краю на одной строке? - PullRequest
Новая
       4

Как выровнять текст по центру и выровнять по правому краю на одной строке?

4 голосов
/ 11 октября 2009

Я удивлен, что это было так сложно для меня. Мне нужна одна строка с текстом по центру, а остальное выравнивание по правому краю: 

                          Centered Text                         Right Text

Я сомневаюсь, что это имеет значение, но «Центрированный текст» должен быть <div> или <span>, так как мне нужно манипулировать его содержимым с помощью jQuery. «Правильный текст» должен быть <div>, чтобы я мог применять стили к содержащимся в нем ссылкам.

Я пытался float: left вещи, но я не могу заставить его работать. Любая помощь будет оценена.

Ответы [ 4 ]

7 голосов
/ 11 октября 2009 
<div style="float: right">Right Text</div>
<div style="text-align: center">Centered Text</div>

Ключ ставит плавающий элемент первым.

4 голосов
/ 11 октября 2009 
<html>
    <body>
        <div style="background-color: #EEEEEE;">
            <div style="float: right;">Right Text</div>
            <div style="width: 100px; margin: 0 auto;">
                Centered Text
            </div>
        </div>
    </body>
</html>
3 голосов
/ 11 октября 2009

Вам нужен контейнер div с text-align: center, а внутри него div с float:right: 

<div style='text-align: center'>
<div style='float:right'>Right Text</div>
Centered text
</div>

Вы можете обернуть Centered text в <span>, если вам нужно.

1 голос
/ 11 октября 2009 
<div style="float: left; width: 65%; text-align: center">
    centered
</div>
<div style="float: left; width: 35%; text-align: justify">
    justified
</div>

Надеюсь, это поможет

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...