CSS将一个div放置在另一个float:left下面

我有这个：

<div class="listing-thumbnail"><a href="http://domain-name.com/thislisting/"><img 

class="wpbdmthumbs" src="http://domain-name.com/wp-

content/uploads/2013/04/dancegroup-300x300.jpg" style="max-width: 300px;"/></a>
</div>

<div class="listing-details">

    <div class="field-value wpbdp-field-endmonth meta"><span 

class="value">March</span></div>

    <div class="field-value wpbdp-field-enddaynumber meta"><span 

class="value">10</span></div>

    <div class="field-value wpbdp-field-citystatezip meta"><span 

class="value">Northampton, Massachusetts 01060</span></div>

</div>

前进
10
马萨诸塞州北安普敦01060

如下所示：

|图：马萨诸塞州北安普敦市3月10日01060
|
|_______________|

但我希望它显示如下：

|图….3月10日
|马萨诸塞州北安普敦01060
|_______________|

所有字段都是从WP数据库条目中动态提取的

目前，三月字段和之前其他日期相关字段的css，为了使它们在同一行上对齐，每个字段的css如下：

#content.wpbdplisting.wpbdp字段endmonth.wpbdp字段enddaynumber.value{
浮动：左；
}

我的问题是，我可以应用什么样的css来使

城市州zip

div以及随后的那些，从日期信息下面的下一行开始，而不是 和日期信息在同一行

请注意，

city-state zip

div后面的字段表现良好，所有字段都以自己的行开始

我添加了

float:left

，以使日期字段全部位于同一行，而不是列中

这些div都在另一个div中，还有更多div。照原样，没有我的补充 日期元素向左浮动，它们在页面上垂直排列， 一个接一个

城市州邮政编码后的div都从新行开始。
我想把
城市州zip
元素放在一行上

请注意，
clear:left
和
clear:all
不起作用，因为这些div的左侧有一个图像，它将city div推到下面，如下所示：

|图….3月10日

|

|_______________|

马萨诸塞州北安普敦01060
使用
清除：两者都使用
在类字段值wpbdp field citystatezip中，可以在包含city/state/zip的元素上使用display:block使其开始新行。确保只有日期字段上有一个float:left。如果city/state/zip有一个float:left和display:block，那么它将尽可能地向左浮动，即在日期字段的右侧

为什么你不能在包含日期的div和city/state/zip之间加上一个

？
OP已经说过，清除这两个选项会导致文本显示在图像下方，所以这不是一个选项。很高兴看到so上有马萨诸塞州北安普敦的代表。