针对特定要求的HTML编码

Question

我在一行中有三个词“书中的章节”“期刊论文”“会议论文”。我希望我的最终结果如“Chapters in”和Book in“Chapters in”。同样的方式“期刊”，但“论文”下面的“期刊”和“会议”和论文在“会议之下。是否可能？

请帮帮我。

Answer 1

这是一个简单的方法：

<table>
  <tr>
    <td>Chapters in<br>Book</td>
    <td>Journal<br>Papers</td>
    <td>Conference<br>Papers</td>
  </tr>
</table>

Answer 2

这是使用div的方法：

<div style="float:left; margin-right:20px">Chapters in<br/>book</div>
<div style="float:left; margin-right:20px">Journal<br/>Papers</div>
<div style="float:left;">Conference<br/>Papers</div>​

jsFiddle演示：http://jsfiddle.net/esPRr/

Answer 3

<ul>
    <li>Chapters in
        <ul><li> book</li></ul>

    </li>
</ul>
​ u may go with this