Какой CSS код для расположения div в ряд с переносом строк?

Question

[Azat2015]

Подскажите, есть ли способ расположить div'ы с текстами таким образом:
[div][div][div с длинным
текстом]
Все что пробовал, дают либо такой:
[div][div]
[div с длинным текстом]
либо такой
[div][div][div с длинным
_________текстом]
результат.

Comments

[Антон Антон]

заменить div на span или дать ему display: inline

[Azat2015]

Антон Антон, div генерирует плагин Wordpress'а, поменять не могу. Могу нужному блоку добавить css.
display: inline !important; приводит к такому результату:
[div]
[div]
[div с длинным текстом]

[Сергей delphinpro]

Azat2015, не врите. display: inline сделает из блочного элемента строчный. он будет вести себя как спан. то есть так как вам нужно.

[Azat2015]

Сергей delphinpro,

[Сергей delphinpro]

Azat2015,

[Azat2015]

Сергей delphinpro, Я знаю, что так должно быть.(( Я не понимаю, почему этого не происходит у меня.
я в своем css перечислил все классы, которые имеют отношение к выводу этого div, но ничего не меняется.

[Сергей delphinpro]

Azat2015, ну так конкретные случае нужно на месте изучать и отлаживать. Удаленно вряд ли помочь можно.

Answer 1

[Антон Антон]

https://codepen.io/FragsterAt/pen/MWZOdKg

Comments

[Azat2015]

Я понимаю, что так должно работать. Но у меня конкретно в данном случае не работает.(
Возможно ли, что проблема в том, что внутри div еще кое-какие элементы? Т.е. структура примерно такая

<div>

<div>
<ul>
<li>
</li>
</ul>
</div>

<div>
<ul>
<li>
</li>
</ul>
</div>

<div>
<ul>
<li>
Длинный текст
</li>
</ul>
</div>

</div>

[Антон Антон]

Azat2015, да, ul и li тоже блочные элементы