css - 如何格式化文本以在两列中对齐

Question

首先标题可能不清楚，但我不知道想出一个更好的标题。

我在速度模板的 td 单元格中放入了文本，如下所示

* My name
is what?

我想要的是格式更像下面的东西。

* My name
  is what?

“我叫什么名字？”是我打印的变量，我所做的就是将 * 连接到它并放入单元格中进行显示

可以做些什么来实现它。我不确定开始的最佳方式。我用IE8

Answer 1

这是一种可能适合您的解决方案:

Demo Fiddle

而不是将内容分成不同的元素并定位它们(​​或嵌套它们)。我认为在这种情况下，简单的课前类(class)会很有效。

HTML:

<div class="copy-block">
  My name is what?
</div>

CSS:

.copy-block {
    width: 60px;
    position: relative;
}

.copy-block:before {
    content: "*";
    position: absolute;
    left: -15px;
    top: 3px;    
}