Как центрировать текст в диапазоне встроенных блоков в Firefox 2?

Question

У меня есть 3 пролета внутри деления.

1. text-align: center не соответствует
2. text-align: -moz-center ни
3. Я должен использовать пролеты
4. без плаваний
5. display: -moz-inline-block работает, но 2-й и 3-й пролеты очищаются влево ...

Кто-нибудь получил идею?

Answer 1

EDIT:

div{
    width:80%;
    display:table;
}
span{
    width:33%;
    display:table-cell;
    text-align:center;
    border:1px solid #F00;
}

Обратите внимание, что для настройки ширины необходимо изменить ширину div и span. Интервал должен составлять 100 / (без пролётов)%, а div должен быть любой ширины.

Answer 2

HTML

заменить <span>text</span> на <p><span>text</span></p>

CSS

p {display:-moz-inline-stack;text-align:center}
span {display:block}

Answer 3

Просто поместите немного левого и правого отступа на эти промежутки?

Итак, если у вас есть что-то вроде этого:

<div>
    <span>some text</span>
    <span>also some text</span>
    <span>again here comes some text</span>
</div>

Просто используйте это в своем CSS:

span{
padding:0 10px;
}

Результат будет примерно таким:

http://i48.tinypic.com/5knczm.jpg

Обратите внимание, я добавил 1px border, чтобы вы могли видеть, что текст "центрирован" ...