JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<div id="content">
        <div id="dvRef"  class="divSquare">Askari</div>
        <div  id ="dvDate"  class="divSquare">12/12/2016</div>
        <div style='clear:both'></div>
        <div id="dvWords" class="divSquare">Twenty Thousand</div>
        <div id="dvAmount" class="divSquare">20000</div>
  </div>

JavaScript

var win = window.open('', 'printwindow','height=600,width=800');
        var str = '<html><head><title> alflah</title>';
    str = str + '<style> #content  {     position: absolute ;   top: 0px;   -webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);  -o-transform: rotate(90deg);   -ms-transform: rotate(90deg);  transform: rotate(90deg);    }      div#dvAmount { position: relative;  left: 218px; } .divSquare{     width:20%; height:10px; margin:4px;  float: left  } div#dvDate {  left: 218px;   position: relative;   top: -16px;  }  </style>';
         str = str + '   </head>';
           $(win.document.head).html(str);
             $(win.document.body).html('<body>' + $("#content").html() + '</body></html>');
      
        win.document.close();
        win.focus(); // necessary for IE >= 10
        win.print();
        win.close();