HTML CSS password ve Kullanıcı adı Kutucuklarını aynı hizaya getirme

Bu resimlerde kodlarla yaptığımı görüyorsunuz.Ben bilgisayar programcılığı öğrencisiyim. "İsim ve Soyisim" ile "Parola" Kutucuklarının aynı hizaya getiremedim.Yardım ederseniz sevinirim.

(px ile hizalamayı gösterirseniz daha çok sevinirim)

Şimdiden teşekkürler.

Bu sorunu çözmenin birden fazla yolu var (çoğu sorunda olduğu gibi). Bana en mantıklı gelen iki çözümden ilki input'lara position verip elle ayarlamak (bu sayede diğer elemanlardan da etkilenmezler). Position absolute olmuyorsa dışa bir div açıp "position:relative" vermenizi tavsiye ederim. İkincisi ise hem input'ları hem de soldaki yazıları ayrı ayrı iki tane (biri yazılara biri input'lara) div ile çevrelemek (div'lere "display:inline-block;" vermeniz gerekebilir, deneyimlerime göre HTML'de karşılaşılan sorunların çoğu css'deki display özelliğiyle çözülebiliyor). Hem bu sayede input'lar bir arada durmuş olurlar. Yerinizde olsam bu çözümü uygulardım.