css - 同级div

Question

我使用 Blueprint CSS 框架来设计我的网站。我有这个代码：

<div class="span-10">
        <div class="span-5">
            <img alt="" src="system/images/picabu1.png" />
        </div>
        <div class="span-5 last">
            Lorem ipsum sup dolor itaseum.. <br />
            <img alt="" src="system/images/addtobasket.jpg" />
        </div>
</div>

当 div 图像 (addtobasket.jpg) 上有很多文本时，span-5 last它会下降。
如何制作相同级别的图像（picabu1.png 和 addtobasket.jpg）？

Answer 1

我认为只有

<div class="span-10">
        <!-- text elements first -->
        <div class="span-5">
        </div>
        <div class="span-5 last">
            Lorem ipsum sup dolor itaseum.. <br />
        </div>
        <!-- images elements follow -->
        <div class="span-5">
            <img alt="" src="system/images/picabu1.png" />
        </div>
        <div class="span-5 last">
            <img alt="" src="system/images/addtobasket.jpg" />
        </div>
</div>

将实现这一目标。

示例：http: //jsfiddle.net/xSmmA/