H1 标签和 hr 在被 div 代码错误包围的 div 中未正确定位

Question

我在div之间有一个H1标头，其中包含JavaScript弹出图像（占位符）。 我希望它与"网站"H1标签对齐，左侧为HR，右侧为HR。 但是HR遍历文本，文本在页面中居中。唯一应用的 CSS 是这个

.port_title {
text-indent:35px;
position:relative;
 top: 35px;
}

.port_hr { width:550px;
style="color: #333; background-color: #333; height: 1px;
}

您可以在此处查看 HTMLhttp://dl.dropbox.com/u/13722201/Dorset%20Designs/portfolio.html

Answer 1

试试这个：

h1 {
    background: #fff; // or whatever is your bg-color
    display:inline-block;
    padding-right: 1em;
}
h1+hr {
    margin-top: -0.6em;
}

JSFiddle
http://jsfiddle.net/cTMXa/