TABLE LAYOUT USING DIV TAGS

1.
<div class=“container”>
    <div class=“heading”>
         <div class=“col”>category ID</div>
         <div class=“col”>category </div>
    </div>
    <div class=“table-row”>
         <div class=“col”>1</div>
         <div class=“col”>PHP</div>
    </div>
    <div class=“table-row”>
         <div class=“col”>2</div>
         <div class=“col”>WordPress</div>
    </div>
</div>
2.
.container{
    display:table;
    width:90%;
    bordercollapse: collapse;
    }
.heading{
     fontweight: bold;
     display:tablerow;
     backgroundcolor:#C91622;
     textalign: center;
     lineheight: 25px;
     fontsize: 14px;
     fontfamily:georgia;
     color:#fff;
    
}
.tablerow{  
     display:tablerow;
     textalign: center;
}
.col{
    display:tablecell;
    border: 1px solid #CCC;
}

Leave a Reply

Your email address will not be published. Required fields are marked *