İki adet DİV etiketini alt alta sıralamak

Selamlar,

<div class="evden-eve-nakliyat" style="margin-top: 35px;">
                    <label for="mulk-secimi">Mülk Tipi Seçiniz</label>
                    <div class="mulk-tipi">
                        <select style="width: 300px; height: 50px;" class="form-select form-select-sm" id="mulk-secimi">
                            <option value="apartman">Apartman</option>
                            <option value="mustakil">Müstakil</option>
                            <option value="villa">Villa</option>
                        </select>
                    </div>
                    <div class="oda-sayisi">
                        <select style="width: 300px; height: 50px;" class="form-select form-select-sm">
                            <option value="studyo">1 + 0 (Stüdyo)</option>
                            <option value="11">1 + 1</option>
                            <option value="21">2 + 1</option>
                            <option value="31">3 + 1</option>
                            <option value="41">4 + 1</option>
                            <option value="51">5 + 1 ></option>
                        </select>
                    </div>
                </div>

Bu şekilde bir kodum var. CSS Özellikleri İse şu şekilde

.checkbox-group {
            display: none;
        }
        .evden-eve-nakliyat {
            display: grid;
            grid-template-columns: auto auto auto;
        }
        .heading-of-mulk-tipi {
            display: flex;
        }

Çıktısı ise şu şekilde:

select etiketleri ile metin kısmını alt alta getirmek istiyorum.

Her türlü html css işleriniz makul ücret karşılığında düzenlenir.

Warp ı kullanabilirsiniz yada direkt <p> atın yine aynı işi görecektir

div { width:100%;clear:both }

Her element alt alta gelecek olarak anladım. Şu şekilde çözebilirsiniz.

<div class="evden-eve-nakliyat" style="margin-top: 35px;">
                    <label for="mulk-secimi">Mülk Tipi Seçiniz</label>
                    <div class="mulk-tipi">
                        <select style="width: 300px; height: 50px;" class="form-select form-select-sm" id="mulk-secimi">
                            <option value="apartman">Apartman</option>
                            <option value="mustakil">Müstakil</option>
                            <option value="villa">Villa</option>
                        </select>
                    </div>
                    <div class="oda-sayisi">
                        <select style="width: 300px; height: 50px;" class="form-select form-select-sm">
                            <option value="studyo">1 + 0 (Stüdyo)</option>
                            <option value="11">1 + 1</option>
                            <option value="21">2 + 1</option>
                            <option value="31">3 + 1</option>
                            <option value="41">4 + 1</option>
                            <option value="51">5 + 1 ></option>
                        </select>
                    </div>
                </div>

checkbox-group {
           display:none;
        }
        .evden-eve-nakliyat {
            display: grid-row;
            grid-template-columns: auto auto auto;
        }
        .heading-of-mulk-tipi {
            display: flex;
        }
select{
  margin-top:10px;
}

Görünüm bu şekilde olur.

Hocam aşağıda ki 1 + 0 Stüdyo yazan yerde de başlık olacak. Kapsayıcı elementi grid olarak ayarlardım. Şu şekilde olacak yani: