Html 表格标记；使用显示时在标签后获取换行符：表格单元格、表格行

请参阅

我的目标是设想一些HTML标记，使我能够自动生成具有可变标签宽度的表单，标签位于顶部或左侧，而无需有条件地生成[很多]标记

为了实现不同标签宽度的标签对齐，我使用了

display:table cell/row中列出的技巧

但是，只有当我的所有标签都是
label.left时，这才有效。
当我有一个
label.top
时，我想不出一种CSS方法来将同级
div.control
推到下一行

有人能想象一个简单的方法来实现这一点，或者一个更适合的布局来实现我想要的吗

我很清楚，我希望“姓氏”的
div.control
出现在标签的下一行

谢谢大家!
 如果我了解您的问题和意见，这可能是您想要的，或者如果我不想澄清，那么我可以给您确切的解决方案

有关代码和演示，请参见小提琴

小提琴：

演示：
是否需要使用表行？不，不需要。到目前为止，除了使用表格之外，这是我找到的唯一允许自动标签宽度对齐的方法。如果你有别的选择，我洗耳恭听！你只要告诉我你想要什么样的布局和结构，我马上给你解决方案。如果可能的话，显示图片或屏幕截图。嘿，你可以点击这个链接：就像在我的原始帖子中一样，我的要求是标签自动对齐，不管它们的宽度如何。标签可以在顶部或左侧，如.top和.left类所示。如果您访问我链接的JSFIDLE，请想象“last name”的输入字段位于新行上。这是手工做的琐事。我需要自动生成这个标记，这就是为什么我想要一个基于CSS的解决方案。