在HTML5中，如何避免表格或其他将文本与选项卡对齐的黑客行为？

有什么方法可以像我们使用标签一样对齐文本，而不使用表格或黑客

例如：

Name: John
Lastname: Doe

输出如下：

---

您可以使用

css网格来实现这一点


.main{
显示：网格；
网格模板列：100px 1fr；
栅柱间隙：15px；
网格行间距：15px；
}

姓名：
约翰
姓氏：
雌鹿

div.text{
宽度：100px；
浮动：左；
}
您可以设置div的宽度
姓名：约翰


Lastname:Deo
你想要纯css和html解决方案，对吗？检查flexboxYes的使用，这是一种更现代的float hack或spaces或html表。请检查我提供的答案并告诉我。请告诉我这是否解决了你的问题，或者我将提供其他解决方案。是否可以设置网格“单元格”的填充我可以知道你们需要填充什么吗？我猜是刚刚建立的：-）网格行间距：10px；栅柱间隙：30px@AL404您可以使用
网格列间距
和
网格行间距
到
.main
，值在
px