将border-bottom添加到div

Question

我有一个图标，一些文字围绕着一个名为＆＃34; content_item＆＃34;但是当我尝试为这5个项目添加边框时，它没有正常工作，并且所有边框都被挤压在顶部。我为共享同一个班级的5个div做这个，并且所有的边界都被挤压在一起。

CSS代码：

.content_item {
 color: rgb(44, 103, 181);
 border-bottom: solid red;
}

HTML code：

                <div class="content_item">
                    <div class="content_icon"><i class="ss-icon">doc</i></div>
                    <div class="content_text">
                        <p>How to Retain Good Employees</p>
                        <p><em>1 day ago</em></p>
                    </div>
                </div>

Answer 1

我假设您正在使用float，那么为什么不在父元素上使用overflow:hidden来解决您的问题。您也可以使用clearfix方法。

检查 DEMO 以获得更清晰的图片。