html 이미지 위에 글씨나 이미지 올리려면 어떻게 해야되나요?

<div class="imgbox">

  <img src="~~">

</div>

예를들어 이런 구조라 하면 

imgbox 클래스에 position : relative 를 설정하구요 , 

imgbox 안에 span 태그등을 이용해 텍스트 넣으시구요 

그 span 태그에는 position : absolute 를 설정하시고 위치값 잡으시면 되요

<div class="imgbox" style="position:relative;">

  <img src="~~">

  <span style="position:absolute;top:50%;left:50%;">lorem ipsum</span>

</div>

position 속성의 값이 absolute 인 요소들은 position 속성의 값을 가지고있는 상위 부모요소 중 가장 가까운 부모요소의 위치를 기준으로 동작합니다~