html - 同じ行の HTML 見出しとリンク

Question

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

いくつかのオプションを試しましたが、それらはすべて見出しを左に揃えます。どんな助けでも大歓迎です。

ありがとう。

score 10 · Accepted Answer

これを行うにはいくつかの方法があります。私が考えることができる最も簡単で迅速な方法は、親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;
}

score 3 · Accepted Answer

次のように書きます。

HTML

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

CSS

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

これをチェックしてくださいhttp://jsfiddle.net/KJSmB/

2 に答える 2