Как центрировать текст в потоке встроенного блока на lte Firefox 2?

Question

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

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

У кого-то появилась идея?

Answer 1

HTML

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

CSS

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

Answer 2

Просто положите левую и правую прокладку на эти пролеты?

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

<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, поэтому вы увидите, что текст «центрирован» ...

Answer 3

EDIT:

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

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