リンクを1行に独立させてください。
h1を1行にまとめたのとは逆に、aタグをh1のように独立させる場合には、
a {
display: block;
}
と書きます。
displayに指定するinline
とblock
の違いは最初はややこしく感じるかもしれませんが、よく使うので使ってるうちにすぐに覚えます。
(他にも inline-block
などいろいろありますが、それはちょっと先でやります)
シャッフルコンテンツを読み込む | [シャッフル] 初めてのCSS〜CSSで何ができる?〜 ×1 |
[シャッフル] 【コレさえ出来ればあとは一気に】CSSで背景の色を変えてみる | |
[シャッフル] 【CSS基礎ノック 1本目】文字の大きさを変える | |
[シャッフル] 【CSS基礎ノック 2本目】文字の色を変える | |
[シャッフル] 【CSS基礎ノック 3本目】文字の色を変える〜カラーコード編〜 | |
[シャッフル] 【CSS基礎ノック 4本目】文字を太くする | |
[シャッフル] 【CSS基礎ノック 5本目】画像の幅と高さを調整 | |
[シャッフル] 【CSS基礎ノック 6本目】h1とh2を1行に連結させる | |
[シャッフル] 【CSS基礎ノック 7本目】リンクを1行に独立させる | |
[シャッフル] 【CSS基礎ノック 8本目】文字を中央に配置 |