JSFiddle - React, Tailwind, and code Playground

by Rob Sedgwick

HTML

<table width="100%">
    <tr>
        <td class="win2 vtop" colspan="2" style="height: 100%">
            <div class="cover win2 smalltext vtop border2" style="padding: 0px;">
                <div class="avatarprofile">
                    <img src="http://t2.gstatic.com/images?q=tbn:ANd9GcSn_sUe1c-uadPqQpguvrgYo27TI6LFD2uhTsMXB_Aw7HZFVqqkWg" width="100" height="100" alt="" />
                    <br/>Pontoonite
                    <br/>
                </div>
                <div class="plainprofile"><strong>Posts:</strong> 2,909</div>
                <div class="plainprofile"><strong>Posts Per Day:</strong> 1.42</div>
                <div class="plainprofile"><strong>Reputation:</strong>  <span class="greenrep">83.37%</span>

                </div>
                <div class="plainprofile"><strong>Rep Score:</strong>  <a href="Blah.pl?v-memberpanel/a-view/u-1227/r-1/" class="greenrep">+12</a> / <a href="Blah.pl?v-memberpanel/a-view/u-1227/r-0/" class="redrep">-2</a>

                </div>
                <div class="plainprofile"><strong>Location:</strong> Grimsby</div>
                <div class="plainprofile"><strong>Approval:</strong>  <span class="greenrep">+349</span>

                </div>
            </div>
            <div class="postbody vtop">
                <div id="m8">
                    <blockquote class="bquote">
                        <div class="win3 quoteby">Quoted from <strong><a href="Blah.pl?v-memberpanel/a-view/u-148/" rel="nofollow" onclick="target='_parent';">The_Laughing_Mariner</a></strong>

                        </div>
                        <div class="win quotebody">WTF is a full kit male masturbator?</div>
                    </blockquote>
                    <br/>
                    <br/>Example:
                    <br/>
                    <br/>
                    <img class="imgcode" src="http://i.imgur.com/MZBdK.jpg" alt="" />
                    <br/>
                    <br/>
                    <img...

CSS

img.imgcode {
    display: block;
    max-width: 100%;
    height: auto;
}
.cover {
    float: left;
    /*     margin: 10px 0 10px 10px; */
    padding: 0 10px 0 0;
    margin-right: 10px;
}
.border2 {
	/* border-right: 1px solid #4385DB; 
	border-bottom: 1px solid #4385DB;  */
	width: 150px;
	background-color: #E0EDFF;
}

div.postbody { 
	max-width: 100%;
/*	overflow: hidden; */
}