JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css">
 <div class="row" style='margin:10px 10px 10px 10px;'>
                    <div class='col-xs-12 col-md-12' align='right'><img src="<?php echo $close_button_src ?>"  style='max-width: 100%; height:auto;'/></div>
                
                    <div class='col-xs-12 col-md-12 text-centre'><?php echo $head_msg ?></div>
                
                    <div class='col-xs-4 col-md-4 text-centre'><img src="<?php echo $banner_img_src ?>" /></div>
                    <div class='col-xs-8 col-md-8 text-centre'>sdfdas
                        <!--<div class='row'>
                            <div class='col-xs-12 col-md-12 text-centre'><h1><?php echo $discount ?></h1></div>
                        </div>
                        <div class='row'>
                            <div class='col-xs-12 col-md-12 text-centre'><p><?php echo $discount_msg ?></p></div>
                        </div>-->
                    </div>
               
 <div class='col-xs-12 col-md-12 text-centre' align='centre' style='border: 5px dotted blue;margin: 15px 15px 15px 15px'><div align='centre'><h4>coupon code : <strong>dfgfbsgf</strong></h4></div></div>
                </div>