在另一张图片上添加图片

Question

我的页面的用户界面当前在页面的左上角显示背景图片和文本。以下是我用于图像的代码。

<div> 
    <div style= "z-index: 1; position: absolute; text-align: left; border: 1px solid black;"> 
     <img src="slide1.jpg" alt="alt text" style="height:220px;width:500px;border-width:0px;" /> 
    </div> 
    <div id="curtain" style="z-index: 2; position: absolute; padding-left: 10px;"> 
     <div style="background-color: transparent; font-weight: bold; font-size: 1.8em; padding-top: 5px;"> 
      Profile 
     </div> 
     <div style="font-size: 1em; width: 215px; color: #cccccc;"> 
      He is a good citizen and a great teacher. 
     </div> 
    </div> 
</div> 

我想添加2个小图标垂直对齐在此图像的右侧。

有人可以帮助我的CSS？

Answer 1

像这样的东西？

http://jsfiddle.net/7KTEQ/

只需添加<div id="smallImages"><img src='ONE' /> <img src='two' /></div>秒DIV 和CSS内部为它是：

#smallImages { 
    position:absolute; 
    margin-left:400px; 
}​ 

变化利润率左为根据第二个div宽度和图像尺寸的CSS ..