JSFiddle - React, Tailwind, and code Playground

by austinfrance

HTML

<div class="rmcDialog rmcAboutDialog" style="left: 19px; top: 65px;"><div class="content"><table class="about"><tbody><tr class="section"><th colspan="2">General Info</th></tr><tr><th>Version:</th><td>0.3.%BUILD%.%REVISION%</td></tr><tr><th>Started:</th><td>Mon Dec 03 2012 14:41:42 GMT+0000 (GMT)</td></tr><tr><th>URL:</th><td>http://localhost/~adf/RMC2/trunk/client/</td></tr><tr><th>Service URI:</th><td>http://localhost/~adf/RMC2/trunk/server/long/long/string/that/will/need/to/wrap.html</td></tr><tr><th>Time Now:</th><td>Mon Dec 03 2012 14:44:29 GMT+0000 (GMT)</td></tr><tr><th>Device ID:</th><td>1354114229</td></tr><tr><th>User:</th><td>adf</td></tr><tr><th>Online:</th><td>YES</td></tr><tr><th>Network State:</th><td>100</td></tr><tr class="section"><th colspan="2">Geo-Location</th></tr><tr><th>Timestamp:</th><td>1354541816194</td></tr><tr><th>Longitude:</th><td>-2.6210377000000005</td></tr><tr><th>Latitude:</th><td>53.6587319</td></tr><tr><th>Accuracy (+/-):</th><td>20</td></tr><tr><th>Speed:</th><td></td></tr><tr><th>Heading:</th><td></td></tr><tr><th>Altitude:</th><td> +/- </td></tr><tr class="section"><th colspan="2">Storage Info</th></tr><tr><th>Temporary:</th><td>5.33MiB of 21324.62MiB available.</td></tr><tr><th>Persistent:</th><td>0Mib of 100MiB available.</td></tr><tr class="section"><th colspan="2">State Info</th></tr><tr><th>State:</th><td>5</td></tr><tr><th>Menu:</th><td>0</td></tr><tr><th>Type:</th><td></td></tr><tr><th>Sub-type:</th><td></td></tr><tr><th>Item:</th><td></td></tr><tr><th>Tab:</th><td></td></tr><tr class="section"><th colspan="2">Screen / Viewport Info</th></tr><tr><th>Screen:</th><td>940,1680 22,0</td></tr><tr><th>Colour Depth:</th><td>24</td></tr><tr><th>Viewport:</th><td>615,400</td></tr><tr><th>App Viewport:</th><td>615,400</td></tr><tr><th>App Window:</th><td>615,400</td></tr><tr><th>User Agent:</th><td>Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_2) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.95...

CSS

.rmcAboutDialog { width: 340px; border: 1px solid red; padding: 10px;  margin: 10px; }
.rmcAboutDialog .content { width: 340px; background-color: #f0f0f0; }
.rmcAboutDialog td, .rmcAboutDialog th { vertical-align: top; padding: 0.5em; }
.rmcAboutDialog th { white-space: nowrap; font-weight: bold; }
.rmcAboutDialog td { word-break: break-all }
.rmcAboutDialog .section th { font-size: 130%; border-bottom: 1px solid black; }