html - 如何在不偏移背景图像的情况下偏移文本

Question

我希望将文本从其当前位置偏移，以使边距距左侧 20 px。我尝试将“来自学生”之后的所有内容放在一个表格中，如下所示：这只是完全删除了所有文本。

本质上，我有一个大约 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> 

Answer 1

在包含 div 的左侧添加 20px 填充：

<div class="right" 
 style="padding-left:20px; 
  background-image: url(/images/gala_r3_c2.jpg);
  height: 1000px;
  width: 225px;
  position: relative; ">

您可能希望以相同的方式调整 div 另一侧的填充以改善外观。

顺便说一句，样式是内联的而不是样式表中的，是否有特定的原因？