다른 이미지 위에 이미지 추가

Question

내 페이지의 UI에는 현재 이미지가 배경색으로 표시되고 텍스트가 페이지의 왼쪽 상단에 표시됩니다. 다음은 이미지에 사용할 코드입니다.

<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 및 CSS 내부 <div id="smallImages"><img src='ONE' /> <img src='two' /></div>을 추가

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

변경 제 DIV 폭 및 이미지 크기에 따라 CSS 대한 마진 왼쪽 ..