CSS, центрирование ссылок внутри div

Question

Привет, как я могу центрировать мои ссылки, как это? Все они сосредоточены внутри div, но они начинаются с одинакового расстояния.

i am link 1
i am a longer link than link 1
i am a short link
we are all centered in div

Если я применяю выравнивание текста: центр, я получаю:

         i am link 1
i am a longer link than link 1
      i am a short link
   we are all centered in div

Спасибо;)

У меня есть стол

{анкера}

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

Answer 1

Если вам нужно центрирование в термоусадочной пленке, примените inline-block к вещам, которые вы хотите центрировать. Тогда text-align:center; на родителя.

Возможно, вам понадобится обходной путь для IE, но поскольку вы не разместили код, я не буду вдаваться в подробности.

Answer 2

Обернуть ссылки в другой <div style="width: 300px; margin: 0 auto;">, чтобы сгруппировать их.

http://jsfiddle.net/NcEpe/1/

Редактировать для динамической ширины: http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support

Answer 3

Сделайте следующее: вложите div с выравниванием по левому краю в div с выравниванием по центру.

<div style="text-align:center">
    <div style="text-align:left; width:300px;">
        Content<br />
        Longer Content<br />
        Really long Content<br />
        Content<br />
        Content
    </div>
</div>

Добавление:

Любители CSS повсюду будут осуждать меня за предложение заменить внутреннийdiv с таблицей, которая устраняет необходимость указывать фиксированную (или процентную) ширину.

Answer 4

Попробуйте text-align: left;