如何格式化文本以排成兩列

Question

首先標題可能不清楚，但我不知道要拿出更好的一個。

我有文字，我把在TD手機在Velocity模板，像下面

* My name 
is what? 

我想要的是什麼，更多的格式如下圖所示。

* My name 
    is what? 

「我叫什麼？是可變的我打印，所有我做的是concatinate *，並放在顯示單元

可以做些什麼來實現它。我不確定最好的開始。我用IE8

Answer 1

這裏是一個可能的解決方案，可以爲你工作：

Demo Fiddle

而是分離的內容分成不同的元素和它們的定位（或嵌套他們）的。我認爲在這種情況下，前課很簡單。

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;  
} 

Answer 2

的名稱是可變的。兩行的輸出可以通過在表格單元格中添加一箇中斷來解決。

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> 

http://jsfiddle.net/Fb7jT/49/