html - div で囲まれた div で H1 タグと hr が正しく配置されないコードエラー

Question

javascriptポップアップ画像（プレースホルダー）を含むdivの間にh1ヘッダーがあります。「ウェブサイト」のh1タグと同じように、左に1時間、右に配置したい。しかし、hr はテキストを通過し、テキストはページの中央に配置されます。適用される唯一のcssはこれです

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


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

score 1 · Accepted Answer

これを試して：

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/

html - div で囲まれた div で H1 タグと hr が正しく配置されない コード エラー