Html 背景图像定位

我在使用h1标签定位背景图像时遇到问题

我的代码：

当我输入

font-size:18px

时，我有想要的输出，但我想要更大的字体

无论我在css中键入什么，我都无法按照我的意愿定位它

有人能帮我吗

谢谢。

我给了这张照片的宽度

<h1> 

---

如果您希望使用灵活的/可控的字体大小，您应该考虑使用：：在伪元素之前：

.role h1::before {
    content:'';
    background: url("http://i57.tinypic.com/2167bt.png") no-repeat right center;
    display: inline-block;
    width: 224px;
    height: 24px;
    vertical-align: middle;
}

.role{
宽度：1030px；
保证金：0自动；
}
.角色h1{
颜色：#000；
字体大小：25px；
字体大小：正常；
利润率：15px 0 15px；
文本对齐：居中；
文本转换：无；
}
.角色h1:：之前{
内容：''；
背景：url（“http://i57.tinypic.com/2167bt.png）右中心无重复；
显示：内联块；
宽度：224px；
高度：24px；
垂直对齐：中间对齐；
}

Loremloremaa Lorembb Loremlorema Loremlor aa Loremla Loremlor

您希望图像位于何处？在标题的中心？或者你想把标题放在图像的中间，不管字体的大小如何，告诉我们你想要什么是一个好的开始。总是在你的问题中贴上你的代码。然后你可以用小提琴来补充它。给你的

h1

一个固定高度属性。较大字体显示背景的原因是因为它现在有高度。如果在这之后，行不在您想要的位置，请使用

背景位置

并微调px值。@Shomz如果您将字体大小更改为18px，您将获得我现在拥有的内容，但我希望使用字体25px，这几乎是我想要的，只是我需要宽度为1030px。@Morpheus我将背景大小更改为120%确定，我会稍微修改一下，在点和标题之间留一个空格。我还有一个问题：这是响应性的还是应该添加一些内容？感谢you@Morpheus百分比值将是响应性的，您可以尝试缩小或放大它，它将始终位于中心OK，将保持这样。谢谢，谢谢。我也会查一下。不客气在此之前，基本上在每个

.role h1

前面添加另一个元素，这里我们使用该元素只是为了更容易地控制背景，因为它可以有自己的宽度和所有内容。

.role h1::before {
    content:'';
    background: url("http://i57.tinypic.com/2167bt.png") no-repeat right center;
    display: inline-block;
    width: 224px;
    height: 24px;
    vertical-align: middle;
}