<button type="button" class="btn" autofocus="true" onclick="location.href='#h2'">足立</button>

Question

<button type="button" class="btn"　autofocus="true" onclick="location.href='#h2'">足立</button>

<H2 id="h2">H2</H2> でジャンプできました。 このボタンに横並びで名前の違うボタンを配置しようとしましたが、できません。 display:inline-blockの正しい使い方を教えてください。

Comments

[maisumakun]

実際に配置しようとして、どのようなコードを書きましたか？

Answer 1

<button type="button" class="btn"　autofocus="true" onclick="location.href='#h2'">足立</button>
class="btn"の後ろに全角スペースがあるので、半角スペースにしてください。

↑の前提で、以下のようにすると実現できると思います。

<button type="button" class="btn" autofocus="true" onclick="location.href='#h2'">足立</button>
<button type="button" class="btn" autofocus="true" onclick="location.href='#h2-2'">足立</button>

<H2 id="h2">H2</H2>
<H2 id="h2-2">H2-2</H2>

.btn {
  display: inline-block; /* 横並びにしたい要素自体に、inline-blockを指定 */
}