Css 浮动元素，文本元素，在许多行上运行，后跟日期

我无法将示例中的日期放在文本后面

<div class="content">
<div class="header">
    <div class="text">asfd asdf sa f dsafas asfd gfds gds g fdsgfds gdsf fds  s gfds fds g fds ggsfd dsfgfds fds fds fds ds  ds dgsd fgfs g a sf faa a DATE right after this --> </div>
    <div class="date">12/12/12</div>
</div>
<div class="tt">asdf asd fdsa fdsa sad fdsas  fa fa f fda fda</div>

请参见示例：

我不希望蓝色日期紧跟在文本之后，不管行数是多少

为什么不将“date”div移动到“text”类中，删除它的浮动并将其设置为“display:inline”？这样容易多了

这就是您将拥有的：

<div class="text">
    asfd asdf sa f dsafas asfd gfds gds g fdsgfds gdsf fds  s gfds fds g fds ggsfd dsfgfds fds fds fds ds  ds dgsd fgfs g a sf faa a DATE right after this -->
    <div class="date">12/12/12</div>
</div>

---

您正在设置

float:left

位于错误的元素上，因为

.date

应该出现在

.text

的右侧，而不是

.header

的右侧

因此

.text

需要一个

浮点：左和指定的宽度，以便为日期留出空间

请参阅：
您想实现什么目标？否则，如果你想把它直接放在实际文本之后，做什么。在这种情况下，你可以阅读我的答案，它会起作用…@7对不起，我的错！在有浮动的日期上有一个跨度：对。谢谢不客气，朋友！请注意，日期并不需要“div”标记。由于您正在将“日期”移动到另一个div中，并且可能在“p”标记中，因此可能需要使用另一个“inline”元素来完成此操作。感谢您的示例，但我希望日期显示在文本之后，而文本区域上没有“宽度”，因此您还必须删除日期div的浮动。因为它将作为“内联”元素，您不再需要浮动它。编辑：好了！
<div class="text">
    asfd asdf sa f dsafas asfd gfds gds g fdsgfds gdsf fds  s gfds fds g fds ggsfd dsfgfds fds fds fds ds  ds dgsd fgfs g a sf faa a DATE right after this -->
    <div class="date">12/12/12</div>
</div>

.date {
   background: blue;
   display: inline;
}