Html 浮动间距后的显示块

Html 浮动间距后的显示块,html,css,css-float,Html,Css,Css Float,这可能是一个简单的问题,但我有很多困难让它做我想要的。我有一堆我想浮动的元素:左,然后后置词在一个块中有文本。这里是我想要的,|是页面的边缘,-->表示页面大小调整: [element][element][element][element]| [element][element][element] | [element][element] | --> [element][element][element] | texttexttex

这可能是一个简单的问题,但我有很多困难让它做我想要的。我有一堆我想浮动的元素:左,然后后置词在一个块中有文本。这里是我想要的,|是页面的边缘,-->表示页面大小调整:

[element][element][element][element]|        [element][element][element]  |
[element][element]                  |  -->   [element][element][element]  |
texttexttexttexttexttexttxttexttextt|        texttexttexttexttexttexttxtte|
exttexttext                         |        xttexttexttexttext           |
以下是我尝试过的每一件事目前正在发生的情况:

[element][element][element][element]|        [element][element][element]  |
[element][element]texttexttexttextte|  -->   [element][element][element]te|
xttexttxttexttexttexttexttext       |        xttexttexttexttexttexttxttext|
                                             texttexttexttext             |

元素向左浮动-文本以块形式显示。我试着将元素包装在自己的div中,但这也不起作用。。。有关于如何显示它的帮助吗?

只需在包含文本的元素中添加一个
clear:left
,它应该在所有浮动的内容下面进行分解。

只需在包含文本的元素中添加一个
clear:left
,它应该在所有浮动的内容下面进行分解