Центральное позиционирование резинового блока?

[gnomikprazdnik]

Добрый день! Есть блок с ссылками, количество ссылок всегда разное, он резиновый, как ему задать центральное позиционирование?

Спасибо!

<div id="post"><div id="tags"><a href="#">Winter</a><a href="#">Cold</a></div></div>

[npofopr]

text-align: center; не?

[iKNG]

Так text-align же позиционирует сам текст, а не блоки.

http://www.xiper.net/collect/html-and-css-tricks/pozitsionirovanie/inline-block.html

Edited December 30, 2013 by iKNG

[user]

margin:0 auto

[npofopr]

Лучше картинку к такому вопросу прикладывать, а то вдруг там абсолютно спозиционированный блок.

[Aleksandr.L]

Так text-align же позиционирует сам текст, а не блоки.

http://www.xiper.net/collect/html-and-css-tricks/pozitsionirovanie/inline-block.html

 

Если id="tags" сделать display:inline, то он будет по центру.

[gnomikprazdnik]

Сейчас у меня вот такой код:

<style>#post {width: 500px;}#one {display:block;}#tags {background: #f30;margin: 0 auto;}#tags a{color: #777;padding-right: 5px; padding-left: 5px;}<div id="post"><img><caption><div id="one"><div id="tags"><a>Tags</a><a>Tags</a><a>Tags</a><a>Tags</a></div><div id="date">18/12/2156</div></div></div>

Если блоку #tags сейчас добавить textalign center, то ссылки будут по центру, однако это не то, что я хотел, простите, возможно я не точно выразил свою мысль.

Мне нужно чтобы ссылки равнялись по правому краю когда произойдет перенос строки. Я не силен в кодах и по этому не понимаю почему margin: 0 auto; не работает.

К томуже это тема для tumblr так что, как мне показалось способ примененный в ссылке, что скинул "iKNG"(Спасибо!) не подойдет т.к. я немогу вносить изменения в код ссылок, они будут выглядеть как просто ссылки, без класса, и тем более я несмогу в каждую добавить <span>.

[klierik]

если нужно выравнивание по правому краю, то text-align: center;

 

ps: в подписи ссылка как правильно задать вопрос что бы получить наиболее точный ответ

[gnomikprazdnik]

Видимо когда копировл, случайно удалил одну строку... В любом случае простите. Скриншот:

Задача сделать, чтобы теги были по центру, но когда строка заполнена переносились на следующую справа а не по центру, именно по этому я не могу использовать text-align:center;

[npofopr]

Ну тут только скриптом наверно, смотреть есть или вторая строка и менять text-align

[klierik]

http://jsfiddle.net/klierik/EB3U7/

[user]

#one{

text-align:center;

}

#tags{

background:#f30;

max-width:500px;

display:inline-block;

}

#tags a{

color:#777;

padding-right:5px;

padding-left:5px;

float:right;

display:inline-block;

}

Edited December 30, 2013 by user

[Switch74]

а не пробовали использовать что-то вроде http://htmlbook.ru/css/first-line

[gnomikprazdnik]

Switch74, Спасибо, очень пригодится!

user, спасибо большое, это именно то, что я хотел)

Всем спасибо, с праздниками! 

[Светлана Г.]

float:right; display:inline-block;

Зачем это, если плавающий элемент все равно будет иметь display:block; ? 

Edited January 1, 2014 by Светлана Г.