JSFiddle - React, Tailwind, and code Playground

by gbsandeep

HTML

<div id="DIV_1">
	<table id="TABLE_2">
		<tbody id="TBODY_3">
			<tr id="TR_4">
				<td id="TD_5">
				</td>
				<td id="TD_6">
					<div id="DIV_7">
						<span id="SPAN_8">Your Recently Viewed Items and Featured Recommendations</span>
					</div>
				</td>
				<td id="TD_9">
				</td>
			</tr>
			<tr id="TR_10">
				<td id="TD_11">
				</td>
				<td id="TD_12">
					<div id="DIV_13">
						<style type="text/css" id="STYLE_14">/* auiTestSprite is a replacement for swSprite - same image class names apply so we have to wrap the shoveler in a test only class */
#rhfShovelerWrapper .auiTestWrapper .auiTestSprite {
     display: inline-block;
     overflow: hidden;
     padding: 0;
     position: relative;
     vertical-align: middle;
}

#rhfShovelerWrapper .auiTestWrapper .auiTestSprite span {
     left: -9999px;
     position: absolute;
}

#rhfShovelerWrapper .auiTestSprite {
     background: url("http://g-ecx.images-amazon.com/images/G/01/nav2/images/sprite-carousel-btns-stars._V375962055_.png") no-repeat scroll 0 0 transparent;
}

/* Back button and a tag around it */
#rhfShovelerWrapper .auiTestWrapper .shoveler a.back-button,
#rhfShovelerWrapper .auiTestWrapper .shoveler a.next-button {
     width: 36px;
     height: 39px;
     margin-top: 60px;
}

#rhfShovelerWrapper .auiTestWrapper .auiTestSprite.s_shvlBack {
     width: 36px;
     height: 39px;
     background-position: 0 0;
}

#rhfShovelerWrapper .auiTestWrapper .auiTestSprite.s_shvlBack:hover {
     background-position: 0 -54px;
}

#rhfShovelerWrapper .auiTestWrapper .depressed .auiTestSprite.s_shvlBack {
     background-position: 0 -108px;
}

#rhfShovelerWrapper .auiTestWrapper .auiTestSprite.s_shvlNext {
     width: 36px;
     height: 39px;
     background-position: -54px 0;
}

#rhfShovelerWrapper .auiTestWrapper .auiTestSprite.s_shvlNext:hover {
     background-position: -54px -54px;
}

#rhfShovelerWrapper .auiTestWrapper .depressed .auiTestSprite.s_shvlNext {
     background-position: -54px...

CSS

#DIV_1 {
    box-sizing: border-box;
    clear: both;
    color: rgb(51, 51, 51);
    height: 472px;
    width: 1480px;
    perspective-origin: 740px 236px;
    transform-origin: 740px 236px;
    border: 0px none rgb(51, 51, 51);
    font: normal normal normal normal 13px/16px Arial, sans-serif;
    margin: 0px 10px;
    outline: rgb(51, 51, 51) none 0px;
}/*#DIV_1*/

#TABLE_2 {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    height: 472px;
    width: 1480px;
    perspective-origin: 740px 236px;
    transform-origin: 740px 236px;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 5px 5px 5px 5px;
    border-spacing: 0px 0px;
    font: normal normal normal normal 13px/16px Arial, sans-serif;
    outline: rgb(51, 51, 51) none 0px;
}/*#TABLE_2*/

#TBODY_3 {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    height: 470px;
    width: 1478px;
    perspective-origin: 739px 235px;
    transform-origin: 739px 235px;
    border: 0px none rgb(221, 221, 221);
    font: normal normal normal normal 13px/16px Arial, sans-serif;
    outline: rgb(51, 51, 51) none 0px;
}/*#TBODY_3*/

#TR_4 {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    height: 42px;
    vertical-align: middle;
    width: 1478px;
    perspective-origin: 739px 21px;
    transform-origin: 739px 21px;
    border: 0px none rgb(221, 221, 221);
    font: normal normal normal normal 13px/16px Arial, sans-serif;
    outline: rgb(51, 51, 51) none 0px;
}/*#TR_4*/

#TD_5 {
    background-position: 0px 0px;
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    height: 42px;
    vertical-align: top;
    width: 15px;
    perspective-origin: 7.5px 21px;
    transform-origin: 7.5px 21px;
    background: rgba(0, 0, 0, 0) none no-repeat scroll 0px 0px / auto padding-box border-box;
    border: 0px none rgb(51, 51, 51);
    font: normal normal normal normal 13px/16px Arial, sans-serif;
    outline: rgb(51, 51, 51) none 0px;
    padding: 0px 3px 3px 0px;
}/*#TD_5*/

#TD_6 {
   ...