get text from html including format
===

I would like to get the text from my html and preserve the proper format just like how it looks like on a browser.

i want this


                   CompanyName
                  CompanyAddress
               Company Phone Number

           1  Item1   7.00   0%   7.00
           2  Item2   5.00   0%   5.00
                      TOTAL:         2
                   SUBTOTAL:     12.00
                       CASH:     12.00

I'm getting this

                        CompanyName
                       CompanyAddress
                    Company Phone Number

                       1  

                       Item1   

                      7.00   
                       0%   

                         7.00

My HTML:

    <div id="printPreview" class="interprise-popover-container">
	<div class="interprise-popover-header popover-header">
		<h1 class="title">Print Preview</h1>
		<a class="popover-btn left-popover-btn btn-Cancel">Cancel</a>
		<a class="popover-btn right-popover-btn btn-Done">Done</a>
	</div>
	<br class="clearfloat"/>
	<div id="printPreviewBody" class="interprise-popover-content">
		<div id="print-area">
		<div id="print-header">
			<h4><%= Company %></h4>
			<h6><%= WarehouseAddress %></h6>
			<h6><%= WarehouseCity %>, <%= WarehouseState %> <%= WarehousePostalCode %></h6>
			<h6><%= PhoneNumber %></h6>
			<h6>www.fairysales.com</h6>
			<h5 style="margin-top: 5px;"><%= TransactionType %>#&nbsp;<%= InvoiceCode %></h5>
		</div>
		<div id="print-barcode" style="margin:0 auto; "></div>
		<span style="font-size: 12px;">Monday</span>
		<div>
			<table id="print-items" cellspacing="0" width="100%">
			</table>
		</div>
		<div id="print-total">
		</div>
	</div>
	</div>
</div>

By the way i used 

    $("#print-header").text(); to extract the text from the div