JSFiddle - React, Tailwind, and code Playground

HTML

<div id="DIV_1">
	<div id="DIV_2">
		<div id="DIV_3">
			 <span id="SPAN_4">KUALA LUMPUR</span><br id="BR_5" /><img src="img/search/return-depart-calendar.jpg" alt="" id="IMG_6" /> <span id="SPAN_7">10th October 2016</span>
		</div><img src="img/search/depart-return-mid-arrow.jpg" id="IMG_8" alt='' />
		<div id="DIV_9">
			 <span id="SPAN_10">ALOR SETAR</span><br id="BR_11" /><img src="img/search/return-depart-calendar.jpg" alt="" id="IMG_12" /> <span id="SPAN_13">10th October 2016</span>
		</div>
		<div id="DIV_14">
		</div>
	</div>
</div>

CSS

#DIV_1 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    height: 83.2px;
    text-align: center;
    width: 1522.4px;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 761.2px 41.6px;
    transform-origin: 761.2px 41.6px;
    background: rgb(67, 82, 85) none repeat scroll 0% 0% / auto padding-box border-box;
    border: 0px none rgb(255, 255, 255);
    font: normal normal 300 normal 16px / 22.8571px Lato, sans-serif;
    outline: rgb(255, 255, 255) none 0px;
}/*#DIV_1*/

#DIV_2 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    height: 83.2px;
    text-align: center;
    width: 500px;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 250px 41.6px;
    transform-origin: 250px 41.6px;
    border: 0px none rgb(255, 255, 255);
    font: normal normal 300 normal 16px / 22.8571px Lato, sans-serif;
    margin: 0px 511.2px;
    outline: rgb(255, 255, 255) none 0px;
}/*#DIV_2*/

#DIV_3 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    float: left;
    height: 59.8px;
    text-align: left;
    width: 155.075px;
    column-rule-color: rgb(255, 255, 255);
    perspective-origin: 77.5375px 29.9px;
    transform-origin: 77.5375px 29.9px;
    border: 0px none rgb(255, 255, 255);
    font: normal normal 300 normal 16px / 22.8571px Lato, sans-serif;
    outline: rgb(255, 255, 255) none 0px;
    padding: 15px 0px 0px;
}/*#DIV_3*/

#SPAN_4 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    text-align: left;
    column-rule-color: rgb(255, 255, 255);
    border: 0px none rgb(255, 255, 255);
    font: normal normal bold normal 16px / 22.8571px Lato, sans-serif;
    outline: rgb(255, 255, 255) none 0px;
}/*#SPAN_4*/

#BR_5, #SPAN_7 {
    box-sizing: border-box;
    color: rgb(255, 255, 255);
    text-align: left;
    column-rule-color: rgb(255, 255, 255);
    border: 0px none rgb(255, 255, 255);
    font: normal normal 300 normal 16px / 22.8571px Lato, sans-serif;
    outline: rgb(255, 255,...