如何在联系表格7中并排放置两个输入元素？

Question

我在WordPress网站上有一个联系表，该表单是我使用联系表7制作的，希望它看起来与下图中的表单完全相同：The contact form style i want

下面还有我用来设置此表单样式的CSS代码：

div.wpcf7 { 
/*background-color: #fbefde;*/
text-align:center;
color: white;
align-items: center;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
text-align: center;
background-color: #fefefe;
border-color: #efefef;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-radius: 4px 4px 4px 4px;     
}
.wpcf7 input[type="submit"],
.wpcf7 input[type="button"] { 
background-color: #fc5f45;
color: #ffffff;
font-family: "Poppins", Sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 50px;
border-radius: 30px 30px 30px 30px;
padding: 0px 40px 0px 40px;
}

但是我希望两个输入元素在同一行，而不仅仅是下图中的一个：

The actual contact form

Answer 1

将此添加到CSS：