[Dikucher]

hello

код кнопки

HTML

Код:

<div>
<a href="">Text</a>
<div>

CSS

Код:

a {
  padding:10px;
  background:#ccc;
}

Условия: у нас div с меняющейся шириной, а нам нужно отцентрировать кнопку.

Способ

CSS

Код:

a {
   width:50px;
   display:block;
   margin:0 auto;
}

Но, мне не нравиться, что здесь мы задаем как раз таки эту ширину, т.е. если мы поменяем текст кнопки, тогда нам прийдеться лезть в css и менять ширину.



Есть ли еще способы чтоб кнопка была унивесальной ?

Вопрос ставлю сугубо с точки зрения интереса реализации

[MihVL]

Как вариант можно сделать как-то так: посмотреть

[Dikucher]

MihVL,
Рассматривал и этот вариант, но как то не хотелось делать лишнюю обертку. Но если учесть поставленное условие, то решение однозначно подходит.

[DarkAngel-163]

Dikucher, можно ещё вот так. Если конечно в тексте нету выравнивания. если есть, то всё-равно придётся оборачивать
http://jsfiddle.net/FR9q9/12/