同じ行のHtml見出しとリンク

Question

私はcssを初めて使っています。中央に見出しh2を、同じ行に右端にリンクを表示したい。

いくつかのオプションを試しましたが、すべてが見出しを左に揃えています。 何か助けていただければ幸いです。

ありがとうございました。このような

Answer 1

書き込み：

HTML

<h1>heading <a href="#">link</a></h1> 

h1{ 
    text-align:center; 
} 
h1 a{ 
    float:right; 
} 

CSSはいくつかの方法がありますが、このhttp://jsfiddle.net/KJSmB/

Answer 2

をチェック あなたはこれを行うことができます。私が考えることができる最も簡単で素早い方法は、親divを使用して、その中に見出しとリンクを置くことです。だからあなたのHTMLは次のようになります。次のように

<div class="test"> 
    <h2>Heading comes here</h2><a href="">Link comes here</a> 
</div> 

あなたのスタイルが指定できます

.test { 
    text-align: center; 
} 
h2 { 
    display: inline-block; 
} 

a { 
    float: right; 
}