<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="https://fonts.googleapis.com/css?family=Hind" rel="stylesheet"> <div class="container"> <div class="row"> <div class="wrapper"> <div class="logo_header"> <a href="seedoconline.com"><img src="https://dev.seedoconline.com/img/log-font.svg"/></a> </div> <div class="email_banner"> </div> <div class="email_body"> <h1 class="text-center">Thankyou for you Visit</h1> <p> SeeDocOnline makes seeing a doctor simple. Our interactive healthcare services allow patients to speak to a doctor whenever and wherever they want. We have a team verified doctors from around the globe, making it possible speaking in your native language. </p> <div class="receipt_list"> <div class="left_list"> <b>lorme IMpus fakse isishiuoeq</b> <span>interactive healthcare services</span> <span>interactive healthcare services</span> <span>interactive healthcare services</span> <span>interactive healthcare services</span> <span>interactive healthcare services</span> <span>interactive healthcare services</span> </div> <div class="right_list"> <b>lorme IMpus fakse isishiuoeq</b> <span>1000.90</span> <span>1000.90</span> <span>1000.90</span> <span>1000.90</span> <span>1000.90</span> <span>1000.90</span> </div> <span class="list_divider"></span> <div class="left_list"> <b>interactive healthcare</b> </div> <div class="right_list"> <span><b>1000.99</b></span> </div> </div> <div class="invoice_trans"> <div class="invoice_left"> <p>Invoice Number</p> </div> <div class="invoice_right"> <p>ARSH088752178698</p> </div> </div> <div class="invoice_trans"> <div class="invoice_left"> <p>Invoice Number</p> </div> <div class="invoice_right"> <p>ARSH088752178698</p> </div> </div> </div> </div> </div> </div>

.wrapper{width:60%; margin:5% auto;height:100vh; box-shadow:0 0 2px #aaa; font-family:Hind;} .logo_header{width:100%; height:70px;background:#1CA8DD; padding:10px;} .email_body{width:100%; padding:0 15px;} .receipt_list{width:100%;} .receipt_list .left_list{float:left; width:60%;} .receipt_list .right_list{float:left; width:40%;} .left_list b,.right_list b{width:100%; float:left; margin:0 0 10px 0;} .left_list span,.right_list span{width:100%; float:left; margin:0 0 5px 0;} .right_list span{text-align:left; padding-left:15%;} .list_divider{width:100%; border-top:1px solid rgba(0,0,0,0.2);float:left;} .invoice_trans{width:100%;float:left; margin:5px 0;} .invoice_left{float:left; width:60%;} .invoice_right{float:left; width:40%;}