表格
<table><tr>
<td>2013/8/12 15:30:21</td>
<td>您的订单。。，，。，。</td>
</tr>
</table>
其实用Li也行 看个人习惯 中间可以margin 或者表格一个右对齐 一个左对齐
问题出在你错用了<p>！！！
<p>的作用并不是仅仅换行，它是一个区块来的，即使你只用了<p>，最终浏览器也会自动按<p>...</p>来处理的！因此：
<input type="text" id="text1" name="text" class=""><div class="font">   <<<请输入第一位非零的六位订单号</div><p>
<label for="text2">客户电话：</label>
<input type="text" id="text2" name="text"><div class="font">   <<<请输入不能超过12个汉字的</div>
就相当于
<input type="text" id="text1" name="text" class=""><div class="font">   <<<请输入第一位非零的六位订单号</div><p>
<label for="text2">客户电话：</label>
<input type="text" id="text2" name="text"><div class="font">   <<<请输入不能超过12个汉字的</div>
</p> 浏览器会自动添加这个！
但是，有一点很特殊的是，<p>...</p>里面是不能包含<div>...</div>的！它会自动跳到<p>的外面，所以实际上就变成：
<input type="text" id="text1" name="text" class=""><div class="font">   <<<请输入第一位非零的六位订单号</div><p>
<label for="text2">客户电话：</label>
<input type="text" id="text2" name="text">
</p>
<div class="font">   <<<请输入不能超过12个汉字的</div>
这样的话，这个div里面的内容就会自动换行了，这跟它是否inline是无关的，因为换行是由<p>造成的
而第一个div因为没有被包含到<p>里面，所以它不受影响，不会换行。
解决的办法很简单，只要把所有<p>换成<br>就行了！！！
总结：不要乱用<p>，用的时候要成对来用，一定要把它当作类似<div>的区块来用，但要注意<div>里面可以包含<p>，但<p>里面不能包含<div>！如果是仅仅需要换行，就用<br>吧！
一、定义一个盒子（“menu”）,用来装这个导航的。二、用无序列表（ul）中的列（li）放导航的内容。
三、把li的浮动（float）设置为向左浮动（float：left；），这样，就实现了水平导航条了。
四、在做其他的一些修饰。（下面我给我弄的一个简单的导航条给你理解）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#menu{
width:500px
margin:0 auto/*令盒子居中*/
font-size:20px /*定义字体的大小*/
}
ul{
margin:0padding:0/*把浏览器默认的间隔去掉*/
list-style:none /*把前面的序列号去掉*/
}
li{
float:left /*向左浮动，这个是实现水平的重要步骤！！*/
padding:0 15px /*li里面的字体和边框的距离*/
}
a{
text-decoration:none /*去掉超链接的下划线*/
color:#333 /*超链接的字体颜色*/
}
a:hover{
color:#696
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a href="#">菜单1</a></li>
<li><a href="#">菜单1</a></li>
<li><a href="#">菜单1</a></li>
<li><a href="#">菜单1</a></li>
</ul>
</div>
</body>
</html>
