How can I center my page but put it at the bottom
<pre><code>.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;
}





   &lt;ul&gt;
  &lt;li&gt;
     &lt;h2&gt;Help Desk&lt;/h2&gt;

  &lt;/li&gt;
  &lt;li&gt;
    &lt;label for="name"&gt;Name:&lt;/label&gt;
    &lt;input type="text" name="name" placeholder="John Doe"/&gt;
  &lt;/li&gt;

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

&lt;/li&gt; 
&lt;li&gt;
&lt;label for="message"&gt;Message:&lt;/label&gt;
&lt;textarea name="message" cols="40" rows="6"&gt; 
&lt;/textarea&gt;
&lt;/li&gt;
  &lt;li&gt;
  &lt;button class="submit" type="submit"&gt;Submit &lt;/button&gt;
  &lt;/li&gt;
   &lt;/ul&gt;      
</code></pre>

<p></p>

<p>I'm trying to figure out how to move my UL and Li to the middle bottom of the page can't seem to get it right, is there anyway to do this. I'm tried looking online and its only giving me the bottom left or bottom right, when I need bottom center</p>