이미지 위에 텍스트 올리기

[출처] http://www.kavoir.com/2009/02/css-text-over-image.html

.image {

 position:relative;

 float:left; /* optional */

}

.image .text {

 position:absolute;

 top:40px; /* in conjunction with left property, decides the text position */

 left:80px;

 width:700px; /* optional, though better have one */

}

<div class="image">

                <img alt="" src="../image_url.jpg" />

                <div class="text">

                    <h1>텍스트를 입력해 주세요.</h1>

                </div>

            </div>