JSFiddle - React, Tailwind, and code Playground

by seefeld

HTML

<div class="TableContents" id="outwardTimetablePrint">
			<div class="TableRow">			    
				<div class="TableRowContents">				    
	                <div class="ColumnTOCShow" visible="True">
	                    <div class="TOCInformation" visible="True"></div>

	                </div>
					<div class="ColumnDepartSmall"></div>					
					<div class="ColumnArriveSmall"></div>					
					<div class="ColumnChangesSmall"></div>
					<div class="ColumnDuration"></div>						    
					<div class="ColumnPrice"><div class="WebFare"></div><div class="PriceText"></div></div>						<div class="ColumnIcon"><div class="ServiceInformation" onclick="javascript:ServicePanel.prototype.OnInformationClick(event, this); return false;"></div></div>
				</div>
				<div class="TableRowBottom"></div>
			</div>
			<div class="TableRow">
				<div class="TableRowContents">
					<div class="ServicesDisabled"> Trains unavailable for your selected fare</div><div class="ShowServicesButton"><span class="Button"><a href="#" onclick="javascript:if (WTButtonIsDisabled(this)) return false;ServicePanel.prototype.OnShowServiceClick(this); return false;WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions('ctl00$mainContentPlaceHolder$OutwardServicePanel$WTButton2', '', true, '', '', false, true));return false;" class="nisservices"><span class="left" id="ctl00_mainContentPlaceHolder_OutwardServicePanel_WTButton2">show</span><span class="right">&nbsp;</span></a></span></div>
				</div>
				<div class="TableRowBottom"></div>
			</div>
		<div class="TableRow " style="display: block;">			    
				<div class="TableRowContents ">				    
	                <div class="ColumnTOCShow" visible="True">
	                    <div class="TOCInformation" visible="True" style="background-image: url(http://tickets.chilternrailways.co.uk/Core/6361/Images/CH/cricon.gif); background-position: 0px 0px;" title="Chiltern Railways service included in this journey."></div>

	                </div>
					<div...