html 画面の中心に文字を表示させる方法。

提示コードのcss .center部ですが廃止されたタグ<center>と同じ表示をしたいのですが画像のように表示されてしまいます。自分は画面の中心に表示して画面が小さくなった時も自動で調整してほしいのですがこれはどうやってcssを指定すればいいのでしょうか？

参考サイト：　https://qiita.com/Tamucha/items/89000579869f1770a2cf

css
1html
2{
3      background-color: #15202B;
4}
5
6body
7{      
8      color: #FFFFFF;
9}
10
11.center
12{
13      text-align:center;
14      width: 100%;
15      height: 100%;
16      margin: 0;
17      padding: 0;
18}
19

html
1<!DOCTYPE html>
2<html>
3      <head>
4            <title>Shigurechan</title>
5            <link rel="stylesheet" href="Style.css">
6            <meta charset="UTF-8">
7      </head>
8
9      <body>
10
11      <!-- マイページ項目を表示 -->
12      
13
14      
15<?php 
16      
17      echo '<div class="center">';      
18
19      echo '<h1>　掲示板　</h1>';
20
21
22      //ログインしていない時
23      if(isset($_SESSION['account']) == false)
24      {
25            echo '<form action="Login.php" method="post"> <input type="submit" value="ログイン"> </form>';
26            echo '<form action="NewAccount.php" method="post"> <input type="submit" value="登録"> </form>';
27      }
28      else
29      {
30            echo '<form action="Logout.php" method="post"> <input type="submit" value="ログアウト"> </form>';
31            echo '</ br>';
32            echo '<form action="TimeLine.php" method="post"> <input type="submit" value="タイムライン"> </form>';
33      }
34
35      echo '</div>';      
36
37?>
38     
39      </body>
40</html>

itagagaki

2021/10/03 05:56

config.phpとMyPage.phpが無いのでその行は除いて試したら中央に表示されましたよ。

退会済みユーザー

2021/10/03 06:23

なるほど自分も以下のようにしたのですが画面の真ん中に表示されません。なぜでしょうか？「 <!DOCTYPE html> <html> <head> <title>Shigurechan</title> <link rel="stylesheet" href="Style.css"> <meta charset="UTF-8"> </head> <body>  <?php echo '<div class="center">'; echo '<h1>　掲示板　</h1>'; //ログインしていない時 if(isset($_SESSION['account']) == false) { echo '<form action="Login.php" method="post"> <input type="submit" value="ログイン"> </form>'; echo '<form action="NewAccount.php" method="post"> <input type="submit" value="登録"> </form>'; } else { echo '<form action="Logout.php" method="post"> <input type="submit" value="ログアウト"> </form>'; echo '</ br>'; echo '<form action="TimeLine.php" method="post"> <input type="submit" value="タイムライン"> </form>'; } echo '</div>'; ?> </body> </html> 」

itagagaki

2021/10/03 06:33

真ん中に表示されますよ。

退会済みユーザー

2021/10/03 07:39

質問ですが真ん中とは画面の真ん中でしょうか？

itagagaki

2021/10/03 07:48

左右が真ん中に配置されるということですね。背景色も変わっていないようですし、単にcssファイルが読み込まれていないのではないですか？

退会済みユーザー

2021/10/03 07:51

いや背景色はこのグレーの色でいいのです。ファイルのアップロード忘れも確認して指摘どおりの.phpフィアルも削除して提示コードを更新しましたが以前として変わらないので返信しました。