div内文字居中对齐
<div>
  <span style="width:300px;">test1</span>
  <div id="div2">test2</div>
</div>

怎么样使div2中文字居中呢，不能用固定宽度，可以其他标签，也可以在div2下面再加个div
------解决方案--------------------
<div id="div2" style="text-align: center;">test2</div>
------解决方案--------------------
text-align:center
------解决方案--------------------
#div2{
  text-align:center;
}
------解决方案--------------------
都说完了，哈哈。
------解决方案--------------------
还可以加个link-height：行高     
可以水平垂直居中
------解决方案--------------------
 

引用:

Quote: 引用:

<div id="div2" style="text-align: center;">test2</div>

不是这个意思，我要test2,在第一个div中，就是最外层的div居中对齐

那就把 div2 width:100%; 
<div id="div2" style="text-align: center;width:100%">test2</div>
------解决方案--------------------
不会吧， div2 width:100%; 一般都会独立一行显示
------解决方案--------------------

引用:

不会吧， div2 width:100%; 一般都会独立一行显示

同意LS的。可以满足LZ的要求。第一个div默认对齐方式，而第二个div因为text-align:center而居中显示，且宽度为100%，所以有在第一层div中居中的假象
------解决方案--------------------
楼上有道理
如果给div2 外面加个<center>标签也可以达到这效果吧