Html 如何在两个内容区域之间添加分隔符？

我的意思是正文上有两个内容，内容左侧和内容右侧，我想将内容右侧作为菜单面板，并在它们之间放置分隔符gif（带羽状垂直线）。请告诉我怎么做？css代码是什么？谢谢

#vertical {
    border-left:thick solid #ffff00;
}

---

这应该是可行的。请看，您可以通过简易代码获得所需的结果：-

HTML

<div class="wrapper">
<div class="left">left-panel</div>     
<div class="right">right-panel</div>    
</div>  

---

我只想这样做，有两列，可能吗？你能把你的代码发布到gulada。。。。。。。。

.wrapper {
border:1px solid red;
overflow:hidden;
width:220px
}

.left {
float:left;
width:100px;
height:280px;  
background:grey; 
position:relative;
}

.left:after {
position:absolute;
content:" ";
width:1px; 
height:280px;
background-color: #FAFAFA;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#FAFAFA));
background: -moz-linear-gradient(top, #000000 0%, #FAFAFA 100%);  
right:-10px;
top:0;  
}
.right {
float:right;
width:100px;
height:280px;  
background:lightgrey;  
}