画像の上の文字を表示する

　サンプル画像の左上の場所と右下の場所に文字を入れて表示しています。

<div style="position: relative;">

    <img src="サンプル画像データのURL" width="630" height="170" alt="" />

    <div style="position:absolute; top:30px; left:30px; width: 200px;">

        <span style="color:#FFFFFF;">左上に文字を入れました</span>

    </div>

 

    <div style="position:absolute; top:130px; left:400px; width: 200px;">

        <span style="color:#FFFFFF;">右下に文字を入れました</span>

    </div>

</div>