Masalah penjajaran antara kotak teks input dan kod pengesahan img (img sentiasa lebih tinggi daripada input)_HTML/Xhtml_Pengeluaran halaman web

Dalam pengeluaran halaman web, input dan img sering diletakkan pada baris yang sama Teg img sentiasa lebih tinggi daripada input, yang sangat buruk.

Cara mencapai penjajaran mendatar input dan img menggunakan CCS
Cukup tambah vertical-align:middle pada input dan img pada masa yang sama Kodnya adalah seperti berikut:

Salin kod

Kod adalah seperti berikut:

input,img {vertical-align:middle;}