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

【问题标题】：How to offset text without offsetting background-img如何在不偏移背景图像的情况下偏移文本
【发布时间】：2013-06-12 21:16:38
【问题描述】：

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

本质上，我有一个大约 200 像素宽和 1000 像素高的薄图像。我需要将此文本缩进大约 20 px，这样它看起来才不会那么草率。有什么想法吗？

如果我缺少任何标准，请告诉我。

<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>

【问题讨论】：

]给 div 一个 20px 的内边距](jsfiddle.net/LyskW)？
添加 padding-right:15px;工作！

标签： html text offset

【解决方案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 另一侧的内边距以改善外观。

顺便说一句，样式是内联而不是样式表中的具体原因是什么？

【讨论】：

我在编码和链接到样式表时遇到了一些问题。它有时有效，有时无效。此外，该代码似乎只是获取图像并将其移动超过 20 像素，而不是文本本身。 newhope.edu/index.php/static/Gala
我明白了，见上面的评论。自从您提供帮助并添加了答案后，我将给予您信任。谢谢！
无论padding-bottom我给我的元素多少，它都不会推动内容。根据检查元素，填充区域位于内容的顶部。