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
Bạn phải thêm thuộc tính display đúng cho 2 thẻ thì mới hiển thị đúng bạn nhé. Bạn sửa lại css như sau nhé: HTML: .login { width: 100%; height: 55px; display: table; } .login .loginnull { vertical-align: middle; text-align: center; display: table-cell; }
