html 画面の中心に検索ボックスを表示させる方法が知りたい。

提示コードですが提示画像の左の検索ボックスを画面の中心に表示させたいのですがこれをするにはどうしたらいいのでしょうか？参考サイトを参考に色々真似て記述してみましたがどうすればいいかわかりません。どうやって画面真ん中に表示されるのでしょうか？

参考サイト：　https://style.potepan.com/articles/23332.html
参考サイト：　https://www.w3.org/Style/Examples/007/center.ja.html
参考サイト：　https://www.esz.co.jp/blog/2847.html

css
1html
2{
3      background-color: #15202B;
4}
5
6
7body
8{      
9      color: #FFFFFF;
10
11}
12
13.center
14{
15      text-align: center;
16 
17}
18
19.seachCenter
20{
21     
22      text-align: center;
23
24}
25

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
40////////////////////////////////////////////////////////////////////////////////////////////////////////
41      <div class="searchCenter"> 
42            <form action ="SearchResult.php" method="post">
43                  <input type="text"　 style="width: 200px; height: 30px"; name="serachWord">
44                  <input type="submit" value="検索">
45            </form> 
46       </div>
47////////////////////////////////////////////////////////////////////////////////////////////////////////
48
49
50
51
52     
53      </body>
54</html>

m.ts10806

2021/10/03 10:45

PHPなしで組んだらどうでしょう。モック組めてないのにPHPと一緒にとか自殺行為です。

退会済みユーザー

2021/10/03 10:50

なるほど。つまり　htmlでページ構成が大体できてから仕組みであるphpで機能を追加して行くというのは流儀なのでしょうか？

m.ts10806

2021/10/03 11:16

完成予想・予定図も書かずに家を建てる人がいますか？

退会済みユーザー

2021/10/03 11:19

なるほど。わかりました。ありがとうごいます。htmlから出直します。

itagagaki

2021/10/03 12:29

それより、私の指摘に応答しないまま質問を削除して、すぐまた同じ内容の質問を立てるというのは、どういうことですか。感心しませんね。

退会済みユーザー

2021/10/04 00:14 編集

この質問者は丸投げ質問、マルチポスト、指摘無視は日常茶飯事で、回答付かなくなったらアカウント作り直しを繰り返してるので、低評価or通報で放置が一番かと。

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

回答1件

ベストアンサー

<!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>'; ?>

////////////////////////////////////////////////////////////////////////////////////////////////////////
<div class="searchCenter">
<form action ="SearchResult.php" method="post">
<input class="move01"type="text"　 style="width: 200px; height: 30px"; name="serachWord">
<input class="move02" type="submit" value="検索">
</form>
</div>
////////////////////////////////////////////////////////////////////////////////////////////////////////