常連

**実現したいこと**
入力フォームとクレジット決済のセレクトフォームを画面の中央に揃えたいです。

**試したこと。**

ｃｓｓに text-align: center;の追加または、 margin: auto;の追加または、.form {
    margin: 0 auto;

}
の３つを１つずつ（同時ではない）追加して試しましたが、**付属画像**のように左寄りになっていて、真ん中に行きません。
どうしたらよいでしょうか？ご教授お願い致します。。

![イメージ説明](d7491c59f692278b3886dc7d763141be.png)



```html
<!DOCTYPE html> 

<html>

<head>
<meta content="text/html; charset=utf-8"/>

 <title>お問い合わせ</title> 
 <link rel="stylesheet" href="syoki.css"> 

 <script type="text/javascript" src="jquery.min.js"></script>
<script  type="text/javascript">







 </script>

 
 
 

 
 
<?php echo "<ul>";foreach($errors as $value) {

echo "<li>"; 
echo $value; 
echo "</li>"; 
} 

echo "</ul>";

?>

</head>

<body>


<form action ="hpform1.php" method ="post">

<table>
<tr>  
  
       

<th>名前：※</th><td><input type="text" class="name" name="name" id="name" value="<?php if(isset($name)){ echo $name; } ?>"/></td>
</tr>
<tr>       

           
<th>フリガナ：※</th><td><input type="text" class="furigana" name="furigana" id="furigana" value="<?php if(isset($furigana)){ echo $furigana; } ?>"/></td>      
</tr>
 <tr>         

<th>電話番号：※</th><td><input type="text" class="tel" name="tel" id="tel" value="<?php if(isset($tel)){ echo $tel; } ?>"/></td>        
</tr>
 <tr>          
           
<th>メールアドレス：※</th><td><input type="text" class="email" name="email" id="email" value="<?php if(isset($email)){ echo $email; } ?>"/></td>        
</tr>
 <tr>              
              
 <td>
   <div class="b c font25 span lt_004 w95 cm"><span></div>

<div class="select_date font22">

<table><tbody><tr>
    
    <td class="fontSS">
      <table><tbody><tr class="time_list2">
        <td>
          
           

        
        <td>
          <div class="wrap">
       

 <select id="input_time1" class="pay" name="pay">
              <option value="">支払方法</option>
              <option value="クレジットカード"<?php if(isset($pay) && $pay==="クレジットカード") { echo "selected" ;} ?>>クレジットカード</option>
              <option value="銀行振込"<?php if(isset($pay) && $pay==="銀行振込") { echo "selected" ;} ?>>銀行振込</option>
 
     </select>
          </div>

                </tr></tbody></table>
              </td>
            </tr></tbody></table>
 </div>


  </td>        
</tr>        
 
 <tr>                   

 



 

          
 
 <tr><td colspan="2"><input type ="submit" name ="submit"value="確認画面へ"></td></tr> 
         
    
         


        

<footer class="relative z3">
  <div class="copyright contents1800 back_gray2">
    <p><a href="/law/">特定商取引法に基づく表記</a>・<a href="/law/#privacy">プライバシーポリシー</a><span class="hidden600"> | </span><br class="visible600">Copyright. All Rights Reserved.</p>
  </div>
</footer>
</form>
 </body></html>



 

```
syoki.css

```css
/* 入力フォームのスタイル */

.form {
    margin: 0 auto;

}

.name {
    
    border: 2px solid #63e02d;  /* 枠線 */
    padding: 0.5em;          /* 内側の余白量 */
    background-color: snow;  /* 背景色 */
    width: 20em;             /* 横幅 */
    height: 120px;           /* 高さ */
    font-size: 1em;          /* テキスト内の表示文字サイズ */
    line-height: 1.2;         /* 行の高さ */
    margin: auto;
    
   
}

.furigana {
    
    border: 2px solid #63e02d;  /* 枠線 */
    padding: 0.5em;          /* 内側の余白量 */
    background-color: snow;  /* 背景色 */
    width: 20em;             /* 横幅 */
    height: 120px;           /* 高さ */
    font-size: 1em;          /* テキスト内の表示文字サイズ */
    line-height: 1.2;        /* 行の高さ */
　　　text-align: center;
}


.tel {
    
    border: 2px solid #63e02d;  /* 枠線 */
    padding: 0.5em;          /* 内側の余白量 */
    background-color: snow;  /* 背景色 */
    width: 20em;             /* 横幅 */
    height: 120px;           /* 高さ */
    font-size: 1em;          /* テキスト内の表示文字サイズ */
    line-height: 1.2;        /* 行の高さ */

}

.email {
    
    border: 2px solid #63e02d;  /* 枠線 */
    padding: 0.5em;          /* 内側の余白量 */
    background-color: snow;  /* 背景色 */
    width: 20em;             /* 横幅 */
    height: 120px;           /* 高さ */
    font-size: 1em;          /* テキスト内の表示文字サイズ */
    line-height: 1.2;        /* 行の高さ */

}

.pay {
    
    border: 2px solid #63e02d;  /* 枠線 */
    padding: 0.5em;          /* 内側の余白量 */
    background-color: snow;  /* 背景色 */
    width: 20em;             /* 横幅 */
    height: 120px;           /* 高さ */
    font-size: 1em;          /* テキスト内の表示文字サイズ */
 
    line-height: 1.2;        /* 行の高さ */
    text-align: center;


}


```

質問編集履歴