2つの左揃えの段落の間に縦の枠線を配置する方法はありますか？

Question

私は2つの流体、Foundationカラムにテキストを並べて並べています。

<link href="https://cdn.jsdelivr.net/foundation/6.2.4/foundation.min.css" rel="stylesheet" /> 
 

 
<div class="row"> 
 
    <div class="column medium-6"> 
 
    Content 
 
    </div> 
 
    <div class="column medium-6 border-left"> 
 
    Content 
 
    </div> 
 
</div>

ありパディングはテキストの周囲にあり、それは左寄せされます。私はそれらの間で分割する境界線を入れたいが、もちろん、テキストの正当性を、私は以下のように偏っ外観を得る：

私はパディングをいじり試してみたが、これではありません応答する。

境界線をすべての画面幅で中央に表示する方法や方法はありますか？

Answer 1

外側の容器に100％の幅を、内側の容器に外側の容器を細分したい幅をパーセントで指定します。最後の内側のコンテナに左の境界線CSSを適用します。

<div class="row"> 
    <div class="col-md-6"> 
    Content 
    </div> 
    <div class="col-md-6" style="border-left: 1px solid grey;"> 
    Content 
    </div> 
</div>