HTML : 이미지 위의 텍스트 및 가운데 맞춤

Question

안녕하세요 저는 html 및 css에서 새로 왔습니다. 지금은 위의 텍스트를 디자인하고 이미지를 가운데에 배치합니다. 또한 이미지가 너무 길면 자동으로 입력됩니다. 감사합니다. 여기 내 html로 이미지와 텍스트 :

<div class="imgcontainer"> 
    <a href="#"> 
     <img src="image.jpg" id="imageid" alt="" /> 
     <span class="desc" id="text"> 
      Centered Rollover Text 
     </span> 
    </a> 
    </div> 

Answer 1

이 스타일은 이미지에게 텍스트 중심으로한다 : img 태그 위

.imgcontainer { text-align:center; } 

Answer 2

사용 범위 태그 및 스팬이 CSS를 추가

span{ display:block; width:100%; text-align:center}