html - H1 标签和 hr 在 div 包围的 div 中未正确定位 CODE ERROR

Question

我在包含 javascript 弹出图像（占位符）的 div 之间有一个 h1 标头。我希望它与“网站”h1标签相同，向左对齐，向右对齐。但是 hr 会遍历文本，并且文本在页面中居中。唯一应用的CSS是这个

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


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

你可以在这里查看 html http://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/