CSS基线如何工作

Question

我想模拟CSS的基线功能，但是我不知道它是如何工作的。这是我的想法的总结。我想创建一个自定义元素（一个新的Web组件）。它是一个具有3个级别的块，看起来像是一列有3行。它就像一块文本，以2级为基础。如果我添加具有2个级别和1个级别的块Y的块X，则它看起来像这样：

A X
A X Y
A

如果您了解我的想法，它就像是声波wave。

我认为CSS网格可以完成这项工作，但不够灵活。我必须为此预先定义级别。如果扩展级别，则事物将被破坏。

我希望您能通过教我一些解决此问题的方法来帮助我。