如何在一个div标签中间添加一条竖杠

图片说明
在这个div标签中间提那家一条竖杠可以把 他分成两块图片说明这个是代码 突然你让连页面都自己做

真的想哭 都没接写过 求大神帮一下

function myfun(){

var div1=document.getElementById("content");

var div2=document.getElementById("side");

var h1=div1.offsetHeight;

var h2=div2.offsetHeight;

if(h1>h2){  
    div1.style.borderRight="1px dashed #B6AEA3";  


}else{  

    div2.style.borderLeft="1px dashed #B6AEA3";

}

}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

.blank { clear:both; height:1px; background:#000; width:500px; overflow:hidden; }

百度学习一下：before和：after伪元素的使用比较好，

百度学习一下：before和：after伪元素的使用比较好，

在div里边放一个行内小标签 设置浮动就行了 想放哪放哪

或者 直接 用工具 bootstrop里边多得是 http://www.bootcss.com/