リンクの中央寄が出来ない

###前提・実現したいこと
該当のソースコードのリンクが中央に行きません。

###発生している問題・エラーメッセージ

エラーメッセージ

###該当のソースコード

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
<link rel="stylesheet" href="css1.css">
</head>
<body>
    <a href="yu.html">こちら入り口</a>

</body>
</html>

###試したこと
課題に対してアプローチしたことを記載してください

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報

s8_chu

2017/12/16 02:49

`css1.css`の内容を追記していただけませんか？

anima3

2017/12/16 02:52

ありがとうございます。a{ text-align: center;}です・

行動規範の内容に同意します

回答1件

ベストアンサー

以下のようにすることで質問者さんが実現したいことは行えると思いますが、いかがでしょうか？

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="UTF-8">
5    <title>タイトル</title>
6    <style type="text/css">
7        .text-center {
8            text-align: center;
9        }
10    </style>
11</head>
12<body>
13<div class="text-center">
14    <a href="yu.html">こちら入り口</a>
15</div>
16</body>
17</html>

また、HTMLをいじりたくないのであれば、以下のようにも行えると思います。

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="UTF-8">
5    <title>タイトル</title>
6    <style type="text/css">
7        .text-center {
8            display: block;
9            text-align: center;
10        }
11    </style>
12</head>
13<body>
14<a href="yu.html" class="text-center">こちら入り口</a>
15</body>
16</html>