Move text down in CSS

Hello,

I’ve created a list of numbers in CSS blocks, but can’t move the numbers further down the blocks, so they sit more in the middle rather than at the top? Probably something very stupid, but can anyone kindly help?:


<style>
  #numbers li{
    display: inline;
    list-style-type: none;
    font-family:"trebuchet ms",Verdana,sans-serif;
    text-align:center;
    font-size:30px;
    color:#333;
  }
		
  #numbers li a{
    display:inline-block;
    font-weight:bold;
    text-decoration:none;
    background:#0066CC;
    width:74px;
    height:78px;
    margin-left:15px;
	margin-bottom:10px;
	color:#000;
  }
</style>

  <ul id="numbers">
    <li><a href="">1</li>
    <li><a href="">2</li>
    <li><a href="">3</li>
    <li><a href="">4</li>
    <li><a href="">5</li>
    <li><a href="">6</li>
    <li><a href="">7</li>
    <li><a href="">8</li>
    <li><a href="">9</li>
    <li><a href="">10</li>
    <li><a href="">11</li>
    <li><a href="">12</li>
    <li><a href="">13</li>
    <li><a href="">14</li>
    <li><a href="">15</li>
    <li><a href="">16</li>
    <li><a href="">17</li>
    <li><a href="">18</li>
    <li><a href="">19</li>
    <li><a href="">20</li>
    <li><a href="">21</li>
    <li><a href="">22</li>
    <li><a href="">23</li>
    <li><a href="">24</li>
  </ul>

Thanks

Simple… Change #numbers li a to this:


#numbers li a{
    display:inline-block;
    font-weight:bold;
    text-decoration:none;
    background:#0066CC;
    width:74px;
    height:38px;
    padding:20px 0;
    margin-left:15px;
	margin-bottom:10px;
	color:#000;
  }

Magic- thanks

Glad to help!