如何用css将带状图像放在另一个图像上？

Question

我想在我的项目中为一些照片显示一条色带。在主图像下方，我需要显示一个描述。这就是我现在所拥有的：

<img src="images/img1" alt="" style="width:150px; height:150px"/>
<br />
<img src="images/ribbon.png" style="position:relative; top:-151px; left:49px" />
<br />
Description

现在，看看下面的图片：

我需要的是正确的，但我现在拥有的是左边的。必须删除图像和文本之间的空格。我也删除了最后<br />，但问题没有解决 请帮我解决。
jsfiddle：http://jsfiddle.net/4AXdy/

Answer 1

你走了。

<强> WORKING DEMO

代码更改：

<img src="http://www.aroose-shahkar.com/images/ribbon.png" style="
left: 155px;
margin-left: -73px;
margin-top: -99px;
position: relative;
top: -99px;" />

希望这就是你要找的东西。