Fake Css Tables

by amindunited

HTML

<script src="http://resources.eiremedia.netdna-cdn.com/jquery/jquery.mCustomScrollbar.js"></script>
<div class="pWrap">
    <div class="tableTop">
        <div class="tableRow">
            <div class="td td_4">4</div>
            <div class="td td_3">3</div>
            <div class="td td_2">2</div>
            <div class="td td_1">1</div>
        </div>
        <div class="tableRow">
            <div class="td td_4">4</div>
            <div class="td td_3">3</div>
            <div class="td td_2">2</div>
            <div class="td td_1">meh</div>
        </div>
        
        <div class="tableRow">
            <div class="td td_4">4</div>
            <div class="td td_3">3</div>
            <div class="td td_2">2</div>
            <div class="td td_1">meh</div>
        </div>
    </div>
</div>

CSS

.pWrap {
    border: solid 3px #336699;
    border-radius: 5px;
    background-color: #f5f5f5;
    
}
.tableRow {
    margin : 20px;
}
.td {
    display: inline-block;
    float:right;
    width: 40px;
    border: solid 1px rgba(99, 99, 99, .5);
        text-align: center;
}
.td_1 {
    display: block;
    float: none;
    width: auto;
    overflow: hidden;
}

JavaScript

$(function(){

})