html - background-img をオフセットせずにテキストをオフセットする方法

Question

テキストを現在の位置からオフセットして、マージンが左側から 20 ピクセルになるようにします。次のように、「生徒から」の後にすべてを表にまとめてみました。これにより、すべてのテキストが完全に削除されました。

要するに、幅 200 ピクセル、高さ 1000 ピクセルの薄いイメージがあります。見栄えが悪くならないように、このテキストを約 20 ピクセルインデントする必要があります。何か案は？

基準が不足している場合はお知らせください。

<div class="right" style="background-image: url(/images/gala_r3_c2.jpg); height: 1000px; width: 225px;  position: relative; ">  
    <h1>FROM STUDENTS</h1>
    <br>
    <i>CONTENT HERE</i>
    <br><br>
    <div id="topmenu"><b><a href="thanks.html"> &#62; FOR MORE</a></div>
</div>