jquery - 产品网格打破图像横幅 - CSS

我正在尝试将图片横幅放入具有产品网格的电子商务商店的类别页面中。

我希望横幅显示在右侧（灰色框图像），因此设置为向右浮动。前两个图像按照我想要的方式工作，但下面的行并没有按照我想要的方式“包裹”图像。

如果我将.product-grid li类更改为float：right;而不是浮动：左;它完全符合我的要求，除非你滚动到底部，看起来很奇怪，最后一个图像漂浮在右边而不是左边。

我应该采用什么样的风格来使图像“围绕”横幅，同时仍然确保产品向左浮动？

感谢。