使用任意元素格式化CSS

Question

我似乎无法使用CSS来正确格式化我的HTML。

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

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

基本问题是，如何定位事物，如任意<g>或<t>元素，“高于”其他任意元素，或者可能有另一种方法来格式化这些东西。

Answer 1

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

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

---

结果