JSFiddle - React, Tailwind, and code Playground

by Rob Sedgwick

HTML

<title>Test</title>
<style type="text/css">
body, table, td {
	font-family: Arial, Verdana, Helvetica;
	font-size  : large;
	line-height: 1.3;
	color      : #1D1F22;
}


#container {
	width        : 98%;
	margin       : auto;
	padding      : 0;
	margin-top   : 0;
	margin-bottom: 10px;
	background   : #FCFDFF;
}

#container .surround {
	border: 1px #8D969B solid;
	border-top: 0;
	padding: 1px;
	padding-top: 0;
	}


#content {
	padding: 10px;
    #overflow: hidden;
	}



.border, hr {
	background-color: #4385DB;
	color           : #4385DB;
}

table
{
    width:100%;
    word-break: break-all
}

}
</style>
<body>
<div id="container">
 	<div class="surround">
 		<div id="content">
			<table cellpadding="7" cellspacing="1" class="border" width="100%">
 				<tr>
  					<td>VeryLongBitOfTextVeryLongBitOfText</td>
  					<td>VeryLongBitOfTextVeryLongBitOfText</td>
                    <td><img src="dogs.jpg" width="400" height="100" alt="trev"/></td>
 				</tr>
			</table>
		</div>
	</div>
</div>