CSS 이미지 위에 텍스트 표시

.image { position:relative;text-align:center;color:#FFFFFF; }
.image div { position: absolute;top:50%;left:50%;transform: translate(-50%, -50%); background-color:#FFFFFF;text-shadow: -1px 0 1px black, 0 1px 1px black, 1px 0 1px black, 0 -1px 1px black; }

  
  
이미지 위에 표시할 텍스트