在侧面菜单栏和内容垂直线之间创建此行

Question

我想在wordpress http://postimg.org/image/i72u990sd/

中使这条直线垂直于垂直线

我想要完全相同的侧面菜单栏然后垂直线然后内容然后再垂直线。

请建议任何插件或其他任何内容来实现此目的。

非常欢迎任何想法或建议。

Answer 1

你不需要任何插件。 HTML没有smth。比如<vr/>或其他任何东西。只需添加一些CSS。 例如：

<!-- index.html -->
...
<div class="content">
   ...
</div>
<div class="nav">
   ...
</div>

/* style.css */
.nav{
    width: 30%; /* or any else */
}
.content{
    width: 65%;
    float: right;
    border-left: 1px solid #c00;
    padding-left: 3%;
}

Look demo in CodePen