如何用div做条直线

<div style="width:1000pxheight:1pxborder-top:solid rgb(0,0,0) 1px"></div>

这样就是直线了，如果楼主想在内容之间添加直线，我说一下思路

<div style="width:1000pxheight:1pxborder-top:solid rgb(0,0,0) 1pxmargin-bottom:10px">

1这都是内容啊内容内容啊内容

</div>

<div >2这都是内容啊内容内容啊内容</div>

上述代码就添加了两个内容中间的横线了，而不用在两个内容之间添加一个div，设置直线

<div class="div1"></div>

<div class="div2"></div>

.div1{width:1000pxheight:100pxmargin:0 auto:border-bottom:1px dotted #000}

或者用一张小图片横线平铺

background:url(dotted.jpg) repeat-x left bottom:

比如说可以给div类名：<div class="test"><span>你的想法</span><span>我的想法</span></div>

可以给样式：.test span {加个边框border-right:float:left或者display:inline-block}

---