使用任意元素格式化 CSS

Question

我似乎无法让我的 CSS 正确格式化我的 html。

这是我目前所拥有的，它在蓝色文本上具有复制/粘贴功能，但格式很糟糕： http://jsfiddle.net/xa3apsdc/29/

这就是我试图让它看起来的样子。黑色文本全部对齐且大小一致，我不得不放弃这种方法，因为蓝色文本不可选择（无法复制/粘贴）-它是生成的内容不在 DOM 中。 http://jsfiddle.net/xa3apsdc/11/

根本问题是，如何定位诸如任意<g> 或<t> 元素之类的东西，“高于”其他任意元素，或者也许有另一种方法来格式化这些东西。

Answer 1

http://jsfiddle.net/xa3apsdc/31/

从<t> 中删除float: left。这样做，display: inline-block 的两个元素默认垂直对齐到 baseline 值。

---

结果