有没有办法在两个左对齐的段落之间准确定位垂直边框？

Question

我有2个流体，基础列，其中包含文字，并排。

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

文本周围有填充，并且左对齐。我想在它们之间加上划分边界，但当然，随着文本的正当性，我得到了一个不平衡的外观如下：

我尝试过使用填充，但这并不敏感。

是否有任何技术或方法可以让边框显示在所有屏幕宽度的中心位置？

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>