各位大神有人知道怎么在html中设置垂直分割线使文字位于它的两侧吗

html-css017

各位大神有人知道怎么在html中设置垂直分割线使文字位于它的两侧吗,第1张

html中貌似木有垂直分割线。但可以用div来模拟这个垂直分割线:

<div style='width:49%float:leftheight:700px'>内容区域</div>

<div style='width:1pxborder:1px solid redfloat:leftheight:700px'><!--这个div模拟一条红色的垂直分割线--></div>

<div style='width:50%float:leftheight:700px'>内容区域</div>

hr是水平分隔线,不能垂直的,如果你要一条垂直的平分线可以用div等块元素来模拟一条,比如:

<div style='width:50%float:leftheight:700px'>内容区域

<div style='width:1pxbackground:redfloat:rightheight:700px'><!--这个div模拟一条红色的垂直分割线--></div>

</div>

<div style='width:50%float:leftheight:700px'>内容区域</div>

还有一些其他类似的办法,通过div或者其容器来布局,分割区域