Html 联系方式的CSS问题

我对联系人表单的CSS有一个问题。我已经删除了我的CSS，所以它是干净的，没有混乱

我希望输入字段是全宽的，以块为单位。我还希望名字和姓氏在同一行上彼此相邻，占全宽的50%

支持将不胜感激

div.name，
div.email，
组织部，
部门电话号码，
听着，
调查组，
分区页脚{
最大宽度：600px；
保证金：自动；
}

1.
2.
3.
4.
5.
6.
7.

您必须关闭

textarea

标签，请更新此代码：

<div class="enquiry">
  <textarea name="ENQUIRY" cols="60" rows="10" class="required" placeholder="What is your enquiry?" tabindex="607" />
 <br>

致：

---

此表单的简单样式：

首先，删除名字和姓氏之间的分隔符

。然后将宽度设置为50%，如下所示：

.firstname、.lastname{
宽度：50%；
显示：内联块；
}.

或

input[name=FNAME]，input[name=LNAME]{
宽度：50%；
显示：内联块；
}

---

注意：我不确定代码是否正确，因为我使用了一个不太可靠的调试器，即我的眼睛

我想如果你在名字和姓氏输入之间取出

，你会得到相同的代码

---

在css选择器中不必使用div，我使用了一些类似于bootstrap表单输入的类。我建议您学习使用这样的框架，它将在这类事情上帮助您，甚至更多

textarea{
最大宽度：600px；
}
.表格组{
最大宽度：600px；
}
.表格管制{
框大小：边框框；
边缘底部：10px；
显示：块；
宽度：100%；
填充：6px 12px；
字体大小：14px；
颜色：#555；
背景色：#fff；
背景图像：无；
边框：1px实心#ccc；
边界半径：4px；
-webkit盒阴影：插入0 1px 1px rgba（0,0,0,075）；
盒影：插入0 1px 1px rgba（0,0,0,075）；
-webkit过渡：边框颜色缓进缓出.15s，-webkit盒阴影缓进缓出.15s；
-o型过渡：边框颜色缓进缓出.15s，框阴影缓进缓出.15s；
过渡：边框颜色淡入淡出.15s，框阴影淡入淡出.15s
}
.form-control.inline{
显示：内联块；
宽度：50%；
浮动：左；
}
.btn{
显示：内联块；
填充：6px 12px；
页边距底部：0；
字体大小：14px；
字体大小：400；
线高：1.42857143；
文本对齐：居中；
空白：nowrap；
垂直对齐：中间对齐；
-ms触摸动作：操作；
触摸动作：操作；
光标：指针；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
背景图像：无；
边框：1px实心透明；
边界半径：4px；
}
.btn默认值{
颜色：#333；
背景色：#fff；
边框颜色：#ccc；
宽度：100%；
}
.btn默认值：悬停，
.btn默认值：焦点，
.btn默认值：活动{
颜色：#333；
背景色：#e6；
边框颜色：#adadad；
}

1.
2.
3.
4.
5.
6.
7.

textarea

不是一个自动关闭的应答器。你介意使用一个现有的CSS框架，比如Bootstrap吗？这会让你的生活变得轻松像这样关闭你的文本区太好了，谢谢！关于联系人表单其余部分所需的css有什么想法吗？我在回答中添加了简单样式表单链接。希望它能帮助你，请投票并接受我的答案，如果它对你有帮助：）看看你的反馈。

<div class="enquiry">
  <textarea name="ENQUIRY" cols="60" rows="10" class="required" placeholder="What is your enquiry?" tabindex="607" /></textarea>
 <br>