Html 使用<；表>；如何制作右标题将换行到下一行的响应标题

我试图使下面的右标题包装到下一行，并在调整到600px时居中。如何使用html表而不是div来完成此操作。请提供帮助

来自

至（调整大小至600px时）

table.com{
利润率：10px自动；
边界塌陷：塌陷；
边框：1px纯红；
高度：自动；
填充：0；
边界间距：0；
}
表1.1-1{
边框：1个点#333；
填充：15px；
}
@仅介质屏幕和（最小宽度：600px）{
表1.1-1{
最大宽度：50%！重要；
}
}

2020年11月

如果您想要一个响应性强的网站，请不要使用

表格

。别这样。一点也不。如果你像1990年那样使用表格，你只能像1990年那样获得视觉效果（那时没有响应性设计）