Html 标题位于左侧的响应表（垂直）

我试图建立一个响应表。到目前为止很容易。因此，我使用了以下方法：

*CSS（为SAAS重写的笔）*
表1-1{
保证金：0；
边界塌陷：塌陷；
字号：100；
背景：333；颜色：fff；
文本呈现：优化易读性；
边界半径：5px；
标题{
字体大小：2rem；颜色：#fff；；
保证金：1rem；
背景尺寸：包含；
背景重复：无重复；
背景位置：左中、右中；
}
thead th{font-weight:600；}
正文td{padding:.8rem；字体大小：1.4rem；}
tbody td{padding:.8rem；字体大小：1.4rem；颜色：#444；背景：#eee；}
t正文tr:not（：最后一个子项）{边框顶部：1px实心#ddd；边框底部：1px实心#ddd；}
@媒体屏幕和屏幕（最大宽度：639px）{
标题{背景图像：无；}
AD{显示：无；}
tbody td{显示：块；填充：.6rem；}
tbody tr td:第一个孩子{背景：#666；颜色：#fff；}
t正文td:before{content:attr（data th）；字体大小：粗体；显示：内联块；宽度：6rem；}
}
}
*HTML*
宫崎骏的电影
电影年荣誉
我的邻居托托罗
1988
蓝丝带奖（特别奖）
莫诺克公主
1997
星云奖（最佳剧本）
千与千寻
2001
奥斯卡奖（最佳动画片）
哈尔的移动城堡
2004
好莱坞电影节（动画）

这确实是一段很棒的代码。我现在的问题是，我想把表格标题放在表格的左边。我在谷歌上搜索了一下，发现。。。嗯，几乎没什么。唯一说明的方法是不使用和标签，但这些是使用达力笔时必须使用的

有人知道如何使用

thead

any

tbody

标签来实现左边的标题吗

---

非常感谢您在这件事上花费的时间和帮助。

只需将表格标题左对齐即可：

 thead{
    text-align:left;
}

---

只需将表格标题左对齐即可：

 thead{
    text-align:left;
}

---

那不是我想要的。我的意思是，我希望标题在表格的左侧，就像OK一样。显然，换行符不会显示在注释中。我写了一篇
来说明。标题布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉。我的意思是，我希望标题在表格的左侧，就像OK一样。显然，换行符不会显示在注释中。我写了一篇
来说明。标题布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉布拉？