Kodu nasıl düzeltebilirim.

Merhabalar


Bunların yan yana olmasını istiyorum ancak kodlarda sorun var çözemedim yardımcı olabilirmisiniz ?

/* Abone Formu Konteyneri */
.abone-form {
    text-align: center; /* Formu merkeze hizala */
}

/* Abone Ol Yazısı */
.abone-form .abone-ol-yazisi {
    margin-right: 10px; /* Abone Ol yazısının sağa boşluk ayarı */
}

/* E-posta Alanı */
.abone-form input[type="email"] {
    width: 200px; /* E-posta alanının genişliği */
    padding: 10px; /* E-posta alanının iç içe alanları (padding) */
    font-size: 16px; /* E-posta alanının yazı boyutu */
}

/* Abone Ol Butonu */
.abone-form input[type="submit"] {
    padding: 15px 30px; /* Abone Ol butonunun iç içe alanları (padding) */
    font-size: 18px; /* Abone Ol butonunun yazı boyutu */
    background-color: #3498db; /* Abone Ol butonunun arka plan rengi */
    color: #ffffff; /* Abone Ol butonunun metin rengi */
    border: none; /* Abone Ol butonunun kenarlık (border) olmaması */
    border-radius: 5px; /* Abone Ol butonunun köşe yuvarlama */
    cursor: pointer; /* Abone Ol butonuna fare üzerine gelindiğinde imlecin el şeklinde olması */
}

/* Abone Ol Butonu Hover (Üzerine Gelindiğinde) */
.abone-form input[type="submit"]:hover {
    background-color: #2980b9; /* Fare üzerine gelindiğinde arka plan rengini değiştirme */
}

display: inline-block;

/* Abone Formu Konteyneri */
.abone-form {
    display: flex;
    justify-content: center; /* Formu yatayda merkeze hizala */
    align-items: center; /* Formu dikeyde merkeze hizala */
}

/* Abone Ol Yazısı */
.abone-form .abone-ol-yazisi {
    margin-right: 10px; /* Abone Ol yazısının sağa boşluk ayarı */
}

/* E-posta Alanı */
.abone-form input[type="email"] {
    width: 200px; /* E-posta alanının genişliği */
    padding: 10px; /* E-posta alanının iç içe alanları (padding) */
    font-size: 16px; /* E-posta alanının yazı boyutu */
}

/* Abone Ol Butonu */
.abone-form input[type="submit"] {
    margin-left: 10px; /* Abone Ol butonu ile diğer öğeler arasında boşluk bırak */
    padding: 15px 30px; /* Abone Ol butonunun iç içe alanları (padding) */
    font-size: 18px; /* Abone Ol butonunun yazı boyutu */
    background-color: #3498db; /* Abone Ol butonunun arka plan rengi */
    color: #ffffff; /* Abone Ol butonunun metin rengi */
    border: none; /* Abone Ol butonunun kenarlık (border) olmaması */
    border-radius: 5px; /* Abone Ol butonunun köşe yuvarlama */
    cursor: pointer; /* Abone Ol butonuna fare üzerine gelindiğinde imlecin el şeklinde olması */
}

/* Abone Ol Butonu Hover (Üzerine Gelindiğinde) */
.abone-form input[type="submit"]:hover {
    background-color: #2980b9; /* Fare üzerine gelindiğinde arka plan rengini değiştirme */
}

/* Abone Ol Butonu ve E-posta Alanı Yan Yana */ 
.abone-form input[type="email"], 
.abone-form input[type="submit"] {    
display: inline-block; }