Vertical-align thuộc tính CSS không hiển thị đúng trên trình duyệt Chrome

Thuộc tính vertical-align: middle; của mình trong thẻ div css class nó hiển thị không đúng trên trình duyệt web chrome, trong khi nó hiển thị hoạt động đúng trên trình duyệt web firefox mới bực chứ.

Bạn nào biết giúp mình với làm sao cho nó hiển thị đúng trên cả 2 trình duyệt với thuộc tính vertical-align: middle giúp mình với.

Code css

HTML:

.login
{
   width: 100%;
   height: 55px;
}
.login .loginnull {
    vertical-align: middle;
    text-align: center;
}

Code HTML

HTML:

<div class="login">
   <div class="loginnull">
      <a href="#">Login / Register </a>
  </div>
</div>

Khi chạy trên Firefox thì nó hiển thị đẹp theo ý như code.



Khi chạy web trên Chrome thì nó lại hiển thị sai, không hiển thị đúng như trên firefox