سوال درمورد css

به نظر من بهتر از همه اینه که یکیشونو بذاری داخل یکی دیگه
ولی خب اگه اینکارو نکنی بازم راه های زیادی وجود داره واسه اینکار بستگی داره نیازت چی باشه

    <style>
        #parent{
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        #in{
            height: 300px;
            width: 100px;
            background: red;
        }

        #out{
            width: 300px;
            height: 100px;
            background: blue;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    </style>

<section id="parent">

    <div id="out">    <div id="in"></div>   </div>

</section>

مثلا این یه مدلش