按钮没有正确排列

Question

从上图中可以看出，如果内容中包含内容，我的按钮将无法正常排列。

请赐教我原因

[编辑]

CSS

.button {
    position: relative;

    background-color: #4CAF50;
    border: 2px solid black;

    color: #FFFFFF;
    padding: 0;
    width: 250px;
 height: 200px;
    text-align: center;
font-size: 20px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
margin-bottom: 2px;
}

这是我的按钮

<button class="button" id="Btn2"><span>(2)<br><?php 
$id=$_GET['room'];
$day="02";
$month=date("m");
$year=date("Y");

（SQL检索数据）

$i=1;
 while ($reserve = mysqli_fetch_array($result2)){  echo $i.".  ".$reserve['room_name']." ".$reserve['start_time']." - ".$reserve['end_time']."<br>"; 

$i++;

}
?> </span></button>