Я пытаюсь создать табличную структуру, используя div на моем сайте, но у меня есть некоторые трудности с границами. Я бы хотел, чтобы была горизонтальная линия, разделяющая каждую строку, но использование border
в div, установленном в table-row
, кажется, не имеет никакого эффекта. Что я делаю не так? Спасибо за вашу помощь!
<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%;
}