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

【问题标题】：Is there any way to position a vertical border exactly between 2 left-justified paragraphs?有没有办法在两个左对齐的段落之间精确定位垂直边框？
【发布时间】：2017-06-24 07:32:19
【问题描述】：

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

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

文本周围有填充，它是左对齐的。我想在它们之间设置一个分界线，但是当然，由于文本对齐，我得到如下不平衡的外观：

我尝试过使用填充，但这不是响应式的。

有什么技术或方法可以让边框在所有屏幕宽度上居中显示吗？

【问题讨论】：

标签： html css zurb-foundation

【解决方案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>

【讨论】：

谢谢，但这就是我所拥有的。 Foundation 的工作方式与 Bootstrap 完全相同（medium-6 = 50% as col-md-6 =50%）