Css HTML表格中具有不同样式的堆叠字体

新手在HTML和CSS这里。我想做一个表格，在单元格里我想堆叠一些文本。 例如，“姓名：约翰·史密斯”这一单元我想把“姓名：”和“约翰·史密斯”分别放在两行

现在我的问题是，我希望文本的风格有所不同。所以“Name:”应该有一个不同于“johnsmith”的字体大小、重量等

有人帮忙吗？下面是一些示例代码

姓名：约翰·史密斯
职业：数据科学家
日期：2018年4月

应答器可用于包装文本并更改其样式

<th><span style="color: red">Name:</span><span style="color: blue">John Smith</span></th>

姓名：约翰·史密斯

再深入一点，您可以向这些跨度中添加类

<th><span class="th_title">Name:</span><span class="th_value">John Smith</span></th>

<style>
.th_title
{
color: red;
}

.th_value
{
color: red;
}
</style>

姓名：约翰·史密斯
.th_标题
{
颜色：红色；
}
.th_值
{
颜色：红色；
}

---

谢谢！这很有帮助。你知道如何合并换行符吗？我试着使用

空白：pre

作为

td

的CSS属性，但由于某些原因，第二行缩进。在css@JoeBringley不客气，乔。丹尼尔给了你一个很好的回答。如果你的问题解决了，请验证答案以关闭此帖子