html - 我怎样才能让我的页面居中，但把它放在底部

Question

.helpdesk ul {
width:750px;
list-style-type:none;
list-style-position:outside;
margin:0px;
padding:0px;
text-align: center;
bottom: 100px;

}
.helpdesk li{
padding:12px; 
border-bottom:1px solid #eee;
position:relative; 
text-align: center
bottom: 100px;
center: 20px;
}

.helpdesk h2 {
margin: o;
display: inline;
}


.helpdesk label {
width:150px;
margin-top: 3px;
display:inline-block;

padding:3px;
text-align: center;
bottom: 100px;
}





   <ul>
  <li>
     <h2>Help Desk</h2>

  </li>
  <li>
    <label for="name">Name:</label>
    <input type="text" name="name" placeholder="John Doe"/>
  </li>

 <li>
   <label for="email">Email:</label>
<input type="text" name="email" placeholder="JohnDoe@example.com" />
</li> 
<li>
<label for="website">Phone Number:</label>
<input type="text" name="Phone" placeholder="###-###-####" />

</li> 
<li>
<label for="message">Message:</label>
<textarea name="message" cols="40" rows="6"> 
</textarea>
</li>
  <li>
  <button class="submit" type="submit">Submit </button>
  </li>
   </ul>      

我想弄清楚如何将我的 UL 和 Li 移动到页面的中间底部似乎不太正确，有没有办法做到这一点。我尝试在网上查找，但它只在我需要底部居中时显示左下角或右下角

Answer 1

添加样式规则 margin:auto 到 .helpdesk ul 选择器