1html没有直接插入竖线的代码，但可以用盒子模型实现竖线的效果具体的做法是首先需要打开hbuilder编辑器，新建一个html文件，写入基本的html结构2然后插入一个div标签，在上方的style标签里面设置div的css样式，这里给。

ltstyle ltinput type=quottextquot 或 输出一条横线用lthr如果想让它长点就改变它的样式lthr style=quotwidth1000PXquot变长和粗lthr style=quotwidth1000PXheight20pxquot其中width 是宽长，height是高。

如果不想让div换行，可以有两种方法第一种 设置div为浮动元素，并设置相应的宽度举例div width200px floatleft第二种 设置div为内联元素，或内联块级元素举例div displayinline displayinline。

一问题可能涉及到了浮动和行内元素两个知识点，首先需要div布局，写一个大的div作为父级盒子，里面有几个行内元素如下lt！DOCTYPE html lthtml lang=quotenquot lthead ltmeta charset=quotUTF8quot lttitleDIV内容横向。

网页中制作一条水平线的HTML代码有以下的方法可以实现1使用html中的border属性来设置一条水平线 ltdiv style=quotwidth500px border1px solid redquotltdivlt！复制到html文件中就会是一条红色水平直线，线的颜色。

方法2使用css的border进行画线 lt！DOCTYPE htmllthtmlltheadltmeta charset=quotUTF8quotlttitlefloatlttitleltheadltdiv id=quotdiv1quotltdivltstyle#div1width 500pxborderbottom 1px solid redltstyle。

近日在画一个界面的时候，遇到一个需求在界面当中画一条竖线，且这条竖线在高度上需要自动占满整个父div即这条竖线的高度和两个div中较高的一个等高 往常我们画一条横线直接用标签lthr即可，当画一条竖线的时候。