CSS标题样式

只是想知道如何像附加的图像样式的标题。我正在考虑使用两个div，左边是文本，右边是水平重复图像。问题是我需要正确的div的宽度根据不同的标题长度而改变

任何帮助都将不胜感激

---

出于语义原因，只需一个

标记，并在其上添加背景图像即可。

---

使用“右填充”，您现在可以控制它应该重复多少次并填充所需的空间。

使用左侧和右侧

DIVs

以及相应的

宽度，然后使用
右侧div
使用
文本对齐：right属性，以便右div中加载的内容保持向右，并根据内容大小向左增加

<div class="header">
  <div class="left"></div>
  <div class="right"></div>
</div>

.header{overflow: hidden;} //Considering width: 1000px;
.left{float: left; width: 100px;}
.right{float: right; width: 900px; text-align: right;}


.header{overflow:hidden；}//考虑宽度：1000px；
.left{float:left；宽度：100px；}
.right{float:right；宽度：900px；文本对齐：right；}
你可以用简单的方式来做

.header{
    width:100%;
    height:20px;
    background:url('http://jsfiddle.net/favicon.png') repeat;
}
.header span{
    background-color:#FFF;
    display:inline-block;
    height: 20px;
}

<div class="header"><span class="title">Header Text</span></div>

.header{
宽度：100%；
高度：20px；
背景：url（'http://jsfiddle.net/favicon.png）重复；
}
.收割台跨度{
背景色：#FFF；
显示：内联块；
高度：20px；
}
标题文本

您可以将其包含在各种页面中，并相应地调整标题空间的大小

是一个正在运行的实时演示
由于标题是由wordpress主题后端生成的，所以左侧divs的宽度总是不同的，所以我不知道宽度@blasteralfred建议了一个工作演示，可以相应地重新调整大小。谢谢你的帮助。。。。。。