Прижать текст к правому краю и выровнять по левому

[rulevoi]

День добрый, подскажите, как можно в блоке прижать текст к правой границе и выровнять левую границу текста по самой длиной строке.

К сожалению, через поиск так и не смог найти решение.

Вот пример страницы, блок обвел красной границей пример.

Пробывал использовать разные float и text-align для родительского и дочернего div, не получилось.

Пока сделал выравнивание по правому краю.

На всякий случай, прикрепляю текущие стили.

.main
{
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 1;
}
.main #links
{
    position: absolute;
    color: white;
    font-family: Arial;
    font-weight: bold;
    font-size: 13pt;
    z-index: 2;
    top:30%;
    width: 51%;
    vertical-align: middle
    max-width: 45%;
    border: 1px solid red;

}
.main #links a
{
  color: white;
  display: block;
  margin-bottom: 5px;
  text-align: right;
} 

html:

            <div class="main">
                <img src="img/main.png">
                    <div id='links'>
                    <?php echo $LINKS; ?>
                    </div>
                <img src="img/slide/1.jpg" alt="" id="slide">
            </div>

[SilentImp]

Так например: http://jsfiddle.net/NcGeL/

Или так http://jsfiddle.net/NcGeL/1/

Или даже так: http://jsfiddle.net/NcGeL/2/

[rulevoi]

Так например: http://jsfiddle.net/NcGeL/

Или так http://jsfiddle.net/NcGeL/1/

Или даже так: http://jsfiddle.net/NcGeL/2/

К сожалению, не совсем правильно объяснил, что мне надо.

Попробую еще раз

Мне надо чтобы самый длинный текст всегда был прижат к правому краю, а остальные элементы выравнивались по его левому краю

вот пример, тут показал примерно с помощью пробелов как мне надо http://izss.ru/test.html

сделать отступ от левого края не получится, так как длина текста в этом блоке может быть разная, на других страницах текст может уехать.

Если можно делать блок автоматически по ширине текста и оставить фиксированным его правый край, то это тоже подойдет.

Так например: http://jsfiddle.net/NcGeL/

Или так http://jsfiddle.net/NcGeL/1/

Или даже так: http://jsfiddle.net/NcGeL/2/

К сожалению, не совсем правильно объяснил, что мне надо.

Попробую еще раз

Мне надо чтобы самый длинный текст всегда был прижат к правому краю, а остальные элементы выравнивались по его левому краю

вот пример, тут показал примерно с помощью пробелов как мне надо http://izss.ru/test.html

сделать отступ от левого края не получится, так как длина текста в этом блоке может быть разная, на других страницах текст может уехать.

Если можно делать блок автоматически по ширине текста и оставить фиксированным его правый край, то это тоже подойдет.

Сообразил сам, задал right для блока и убрал width, что-то замудрил лишнего.

Спасибо за помощь!

Edited July 23, 2012 by rulevoi