相同级别的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处有大量文本时，span-5 last图像(addtobasket.jpg)会下降。

如何制作相同级别的图片(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/