Div tablo satırı Sınırı?

Question

Sitemdeki divleri kullanarak tablo benzeri bir yapı oluşturmaya çalışıyorum ancak sınırlarla ilgili bazı zorluklarım var. Her satırı ayıran yatay bir çizgi olmak isterdim ama'u bir div kümesinde table-row kullanmak hiç bir etkisinin yok gibi görünüyor. Neyi yanlış yapıyorum? Yardım ettiğin için teşekkür ederim!

<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%; 
} 

Answer 1

yerine satır sınıfının hücre sınıfına sizin border-bottom özelliğini uygulayabilirsiniz. http://jsfiddle.net/WXCa6/

Answer 2

Eğer .row yılında border ayarlamak istiyorsanız da border-collapse: collapse.table ekleyebileceğiniz:
İşte sabit demo.