html - 文本之间的 CSS/HTML 分隔线

Question

我正在创建一个关于我们部分的网页，我有两个要求，两组文本“关于我们”和“客户与反馈”。他们需要并排，我想要一条线将他们分开。我正在使用 bootstrap 作为框架，我想知道是否有人可以告诉我如何让这条线到位。

这是我的 HTML:

<section id="section-two" class="section-two">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <h3>Placehold</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium veniam exercitationem expedita laborum at voluptate. Labore, voluptates totam at aut nemo deserunt rem magni pariatur quos perspiciatis atque eveniet unde.</p>
            </div>
            <div class="col-lg-6">
                <h3>Project Two</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ut, odit velit cumque vero doloremque repellendus distinctio maiores rem expedita a nam vitae modi quidem similique ducimus! Velit, esse totam tempore.</p>
            </div>
        </div> 
    </div> 
</section>

Answer 1

在第一列上使用 border-right 属性。

 border-right: 2px solid black;