SPAN рядом друг с другом БЕЗ float

Как бы вы получили три пролета, чтобы сидеть бок о бок вместо перехода на следующую строку без использования float в CSS? поэтому мне нужно, чтобы все три из них отображались рядом друг с другом... или если есть другой метод без использования float. Спасибо!

<span style="display:block; width:33%;">Test1</span>
<span style="display:block; width:33%;">Test2</span>
<span style="display:block; width:33%;">Test2</span>

Ответы

Ответ 1

display: inline-block; или их естественный (по умолчанию) дисплей inline.., хотя вы можете указать встроенный блок ширины и высоты

Ответ 2

Попробуйте display: inline-block;.

Ответ 3

Да. По умолчанию интервалы будут отображаться рядом друг с другом, все зависит от ширины содержащего их элемента. Если кто-то должен был изменить размер браузера, или вы сократили содержащий div, это будет разрыв строки.

Ответ 4

Используйте display: inline; и это достигнет того, что вы хотите.