डिव टेबल-पंक्ति सीमा?

Question

मैं अपनी साइट पर divs का उपयोग कर एक टेबल जैसी संरचना बनाने का प्रयास कर रहा हूं लेकिन सीमाओं के साथ कुछ कठिनाई हो रही है। मैं प्रत्येक पंक्ति को अलग करने वाली एक क्षैतिज रेखा बनना चाहता हूं लेकिन 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%; 
} 

Answer 1

आप पंक्ति श्रेणी के बजाय सेल 0 कक्षा में अपनी border-bottom संपत्ति लागू कर सकते हैं। http://jsfiddle.net/WXCa6/

Answer 2

आप .row में border सेट करना चाहते हैं तुम भी border-collapse: collapse.table को जोड़ सकते हैं:
यहाँ एक निश्चित डेमो है।