Html 布局中文本框和文本区域的混合

因此，我试图得到以下布局，其中我在Microsoft Word中进行了可视化

现在我有点像：

我对“Summary”行后面跟一个textarea时的奇怪行为有异议。我希望它与第一个图像布局完全相同

选择{
宽度：10%；
}
文本区{
调整大小：无；
}

测试表格
名称
总结
等级

向文本区域添加垂直对齐，使其与行的顶部对齐

选择{
宽度：10%；
}
文本区{
垂直对齐：顶部；//已添加
调整大小：无；
}

测试表格
名称
总结
等级

您可以使用css

网格

来实现这一点。