JSFiddle - React, Tailwind, and code Playground

by lbstr

HTML

<table class="fw mbm">
    <thead></thead>
    <tbody>
        <tr>
            <td colspan="6">&nbsp;</td>
            <td class="txtc" rowspan="2">
                <div class="fll" style="position:relative;left:50%;">
                    <div class="txtl fll" style="position:relative;left:-50%;">
                        <h6 class="txtbd">30 Day<br>SEC Yield</h6>
                        <span style="font-size:18px;">1.30%</span>
                    </div>
                </div>
                <div class="clear"></div>
            </td>
            <td colspan="6"></td>
        </tr>
        <tr>
            <td class="txtl">
                <h6 class="txtbd">Last Price</h6>
                <span style="font-size:18px;">$28.05</span>    
            </td>
            <td class="lrsep nrsep" style="width:0;border-style:dotted;"></td>
            <td class="txtc">
                <div class="fll" style="position:relative;left:50%;">
                    <div class="txtl fll" style="position:relative;left:-50%;">
                        <h6 class="txtbd">Day's Change</h6>
                        <span style="font-size:18px;"><span class="up">+0.05 (0.17%)</span></span>
                    </div>
                </div>
                <div class="clear"></div>
            </td>
            <td class="lrsep nrsep" style="width:0;border-style:dotted;"></td>
            <td class="txtc">
                <div class="fll" style="position:relative;left:50%;">
                    <div class="txtl fll" style="position:relative;left:-50%;">
                        <h6 class="txtbd">Bid / Size</h6>
                        <span style="font-size:18px;">$28.05<span class="dim txts">/195</span></span>
                    </div>
                </div>
                <div class="clear"></div>
            </td>
            <td class="lrsep nrsep" style="width:0;border-style:dotted;"></td>
            
            <td class="lrsep nrsep" style="width:0;border-style:dotted;"></td>
  ...

CSS

/* August (08) Release CSS Document */
/* Date Modified: 08-28-2012 */
/*_________________________________________________________________________________________________________________________
                                            01. Global Classes
_________________________________________________________________________________________________________________________*/
/* ------ 1. Global Reset ------ */
html{ overflow-y:scroll }/* Always force a scrollbar in non-IE */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
input,textarea,select{font-family:inherit;font-size:inherit}
textarea {resize:none}
input,select{vertical-align:middle}
strong, b {font-weight:bold}
img{vertical-align:bottom}

html{font-size:100%} /* for IE */
html.ie6 {filter:expression(document.execCommand("BackgroundImageCache", false, true))}
pre{font-size:12px}
/* ------ 2. General ------ */
body{font-family:Arial, Helvetica, sans-serif;font-size:13px;background:#F7F7F7 url("https://www.tiaa-cref.org/public/images/bg_body.png") left top;color:#333;line-height:1.3}

a:link                    {color:#0B7599;outline:medium;text-decoration:none}
a:visited                {color:#512D6D;text-decoration:none}
a:hover, a:focus        {color:#7F3785;cursor:hand;text-decoration:underline}

sub                        {position:relative;bottom:-0.3em;font-size:80%}
sup                       ...