html - 无法将此表格居中

Question

我一直在寻找，但我无法将这个污垢居中。帮助将不胜感激。

这是相关的html

.fade-form {
  display: inline-block;
  text-align: center;
  color: #ffffff;
  text-align: center;
  animation-name: opac;
  animation-delay: 1.3s;
}

<div class="fade-form">
		<form action=" C:\wamp64\www\data.php" method="post">
			<label for="platenum ">License Plate</label>
			<input type="text" name="platenum " id="platenum">
			<input type="submit" >
		</form>
	</div>

Answer 1

您的 HTML 本身存在问题，缺少结束引号。我更喜欢使用 margin:0 auto; 居中

.fade-form{
    display: block;
    text-align: center;
    margin: 0 auto;
    color:#ffffff;
    text-align:center;
    animation-name: opac;
    animation-delay: 1.3s;
}
.push-center {
  margin : 0 auto;
}

<div class="fade-form">
    <form class='push-center' action="C:\wamp64\www\data.php" method="post">
        <label for="platenum">License Plate</label>
        <input type="text" name="platenum" id="platenum">
        <input type="submit"/>
    </form>
</div>