根据基线网格垂直对齐具有不同字体大小和行高的文本

Question

据我所知，有些人认为在网页设计中不需要将文本与基线网格对齐。然而，这样做很有趣，而且结果看起来很光滑。所以，我正在向前推进。

现在，我有两组具有不同字体大小和行高的文本，我正在尝试根据基线网格垂直对齐它们。我的问题是：

1. 查看下面的图片（“修改”和“2017年10月3日”）。你通常如何调整它们？根据它们的线高垂直居中，或者根据它们的基线对齐它们？在我的照片中，我选了第一个选项。第一个问题可能更多是关于UX，这里的“最佳实践”是什么？
2. 是否可以根据CSS中的基线准确对齐文本？实现这一目标的最佳和最简单的方法是什么？
3. 我还添加了分隔线来创建一种列表。您通常如何在CSS中创建它们并使它们与基线保持同步？通过使用border属性，还是？

附上图片来解释我的概念。仅供参考，我是一位无法编码的新手设计师。 ：p非常感谢您对未来的见解。

Picture 1

Picture 2

Picture 3