为table-row设置border无效解决办法

<div class="table">
<div class="row">
<div class="cell">
<p>Blah blah</p>
</div>
<div class="cell">
<p>Blah blah</p>
</div>
<div class="cell">
<p>Blah blah</p>
</div>
</div>
</div>

.table {
display: table;
width: 100%;
}

.row {
display: table-row;
border-bottom: 1px solid black;
}

.cell {
display: table-cell;
width: 33%;
}

border-collapse: collapse