Css 如何设置文本格式以在两列中对齐

首先，标题可能不太清楚，但我不知道怎样才能找到一个更好的

我把文本放在一个速度模板中的td单元中，如下所示

* My name
is what?

我想要的是更格式化的东西，如下所示

* My name
  is what?

“我的名字是什么？”是我打印的变量，我所做的就是将它浓缩，然后放入单元格中显示

---

我们可以做些什么来实现它。我不确定从哪种开始最好的方法。我使用IE8，这里有一个可能适合您的解决方案：

而不是将内容分成不同的元素并对其进行定位（或嵌套）。我认为在这种情况下，简单的课前练习会很有效

HTML:

---

名称是可变的。两行的输出可以通过在表格单元格中添加一个分隔符来解决

table {
    border: 1px solid gray;
    font: 12px arial;
    border-collapse: collapse;
}
td {
    border: 1px solid gray;
}
.asterix-name {
    position: relative;
    padding: 5px 5px 5px 15px;
}
.asterix-name:before {
   content:'* ';
   position: absolute;
   left: 5px;
   top: 0.5em;
}

<table>
    <tr>
        <td>
          <div class="asterix-name">My name<br> is what?</div>
        </td>
    </tr>
</table>

表格{
边框：1px纯色灰色；
字体：12px arial；
边界塌陷：塌陷；
}
运输署{
边框：1px纯色灰色；
}
.asterix名称{
位置：相对位置；
填充物：5px 5px 5px 15px；
}
.asterix名称：之前{
内容：“*”；
位置：绝对位置；
左：5px；
顶部：0.5em；
}
我的名字是什么？

---

仍然不清楚您想要什么。发布到目前为止您尝试过的当前代码。为了澄清您的问题，您希望*显示在复制块的左侧，并希望文本环绕与复制块的第一个单词对齐？@badAdviceGuy是的，这正是我想要的。有两种方法可以实现这一点。这取决于标记。如果你能分享这两个想法，那就太好了。谢谢。复制块：before未显示在IE8中，否则工作正常。asterix名称：before未显示在IE8中，否则工作正常使用modern.ie虚拟框设置XP IE8进行检查。在那里很好用。你查过了吗？

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

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

table {
    border: 1px solid gray;
    font: 12px arial;
    border-collapse: collapse;
}
td {
    border: 1px solid gray;
}
.asterix-name {
    position: relative;
    padding: 5px 5px 5px 15px;
}
.asterix-name:before {
   content:'* ';
   position: absolute;
   left: 5px;
   top: 0.5em;
}

<table>
    <tr>
        <td>
          <div class="asterix-name">My name<br> is what?</div>
        </td>
    </tr>
</table>