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

时间:2013-06-12 21:16:38

标签: html text offset

我希望将文字偏离其当前位置,使得边距从左侧开始为20像素。我已经尝试将“来自学生”之后的所有内容放在表格中,如下所示:这样就完全删除了所有文本。

本质上,我有一个约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></b>
    <br><br> <div id="topmenu"><b><a href="thanks.html"> &#62; FOR MORE</b></a></div>
        </div> 

1 个答案:

答案 0 :(得分:2)

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

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

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

顺便提一下,造型是否符合内联而不是样式表的具体原因是什么?