JSFiddle - React, Tailwind, and code Playground

by Mark Coleman

HTML

<table class="pl_upload"> 
    <tr class="row1"> 
        <td class="col1"> 
            <div>
                <div class="img-container">
                    <a href="#"><img src="http://dl.dropbox.com/u/63810/Screenshots/ww.png" width="190"  alt="X" /></a>
                </div>
            </div> 
        </td>
        <td class="col2"> 
            <div>
                <div class="img-container">
                    <a href="#"><img src="http://dl.dropbox.com/u/63810/Screenshots/ww2.png" width="182"  alt="X" /></a>
                </div>
            </div> 
        </td>                
        <td class="col3"> 
            <div>
                <div class="img-container">
                    <a href="#"><img src="http://dl.dropbox.com/u/63810/Screenshots/ww2.png" width="182"  alt="X" /></a>
                </div>
            </div> 
        </td>
        <td class="col4"> 
            <div>
                <div class="img-container">
                    <a href="#"><img src="http://dl.dropbox.com/u/63810/Screenshots/ww2.png" width="182"  alt="X" /></a>
                </div>
            </div> 
        </td>     
    </tr> <!--END ROW1-->
    <tr class="row2"> 
        <td class="col1"> 
            <div>
                <div class="img-container">
                    <a href="#"><img src="http://dl.dropbox.com/u/63810/Screenshots/ww2.png" width="190"  alt="X" /></a>
                </div>
            </div> 
        </td>
        <td class="col2"> 
            <div>
                <div class="img-container">
                    <a href="#"><img src="http://dl.dropbox.com/u/63810/Screenshots/ww2.png" width="182"  alt="X" /></a>
                </div>
            </div> 
        </td>                
        <td class="col3"> 
            <div>
                <div class="img-container">
                    <a href="#"><img src="http://dl.dropbox.com/u/63810/Screenshots/ww2.png" width="182"  alt="X" /></a>
                </div>
            </div> 
       ...

CSS

table.pl_upload{}
table.pl_upload * { vertical-align:top;text-decoration: none;cursor:pointer;}
table.pl_upload td{padding:0 65px 50px 0 ;}
table.pl_upload td>div{display:block;  border-bottom:1px solid #eee; padding: 0 0 15px 0; margin:0 0 10px 0;}
table.pl_upload div div.img-container{}

JavaScript

$(window).load(function() {
    var tallest = 0;
    $("img").each(function() {
        var h = $(this).height();
        if (h > tallest) {
            tallest = h;
        }
    });
    $("div").css("height", tallest);
});