CSS可以實現中間豎線隔開的效果，非常簡單且易于實現。主要使用的是偽元素和盒模型。

首先，我們需要給容器設定一個寬度，并設置居中對齊。這可以通過設置容器的margin屬性為auto來實現，同時也要確保容器的position為relative，方便后續引用偽元素。

.container {
width: 800px;
margin: 0 auto;
position: relative;
}

接下來，我們使用偽元素:before，創建一個位置在中心的豎線。通過設置content屬性為空，并添加border-left樣式，同時設置height屬性為100%，讓豎線充滿整個容器。

.container:before {
content: "";
border-left: 1px solid #dcdcdc;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
height: 100%;
}

最后，我們需要保證兩側內容的排列不受豎線影響。這可以通過設置兩側子元素的display屬性為inline-block來實現。同時也要注意盡量不要設置兩側子元素的width屬性，這樣可以讓子元素隨著內容的變化自動調整大小。

.container p {
display: inline-block;
vertical-align: top;
margin: 0;
padding: 20px;
width: calc(50% - 1px);
}

最終的效果非常簡潔、美觀，通過幾行代碼就可以實現中間豎線隔開，為網頁布局增添新的可能性。