Помогите пожалйста , вот часть моего html; -

Question

Помогите пожалйста , вот часть моего html; -

<div className="container-reg">
<div className="container-reg-box reg-text-create box3-reg">
Name
</div>
<div className="container-reg-box">
<input type="text" className="input-reg" placeholder="Text"/>

</div>
<div className="">
text

</div>
</div> а вот css .container-reg {
display: flex;
}
.container-reg-box{
margin: 10px; /* Добавим немного отступов между объектами */

}
как мне сделать что бы 1 и 2 были горизонтально а 3 div с текстом был под input написан?