при печати div идет внутри текстового поля

Question

Для нормальной веб-страницы я пытаюсь распечатать страницу формата A4 ..... веб-страница работает нормально без печати ...... , когда я вижу страницы после печати последней DIV идет в текстовом поле .... как сделать последний Div пребывание на праве .....

http://jsfiddle.net/D7vgU/embedded/result/

<div style=" width: 300px; display: inline-block; position: relative; bottom: 39px; float: right;"> 

    <span style="color: #000; font-size: 12px; font-family: arial; font-wieght: bold; margin-left: 45px;"> 
    Mark Up 
    </span> 
    <span style="margin-left: 110px;"> 
    10% 
    </span> 

    <div> 

    <span style="margin-left: 45px;"> 
     Non-Tax Amount 
    </span> 
    <span style="margin-left: 59px;"> 
     0 
    </span> 

    </div> 
</div> 

Answer 1

Вы могли бы использовать:

<link rel="stylesheet" type="text/css" media="print" href="print.css"> 

не

или

@media print {/*printer only styles here*/}