打印时防止文本分成新行

Question

我正在尝试打印网页，这基本上出现在页脚附近的底部。 我遇到的问题是文本尊重提交和 FCD主管突破新行。而且我希望它能够恭敬地提交，FCD的主管每个人都会出现在他们自己的路上。

HTML

<!-- printing class -->
   <span id="print-block-1" class="visible-print">
     <b>Respectfully Submitted:</b> <?php echo"$name"; ?>
   </span>
   <br><br>
   <hr>
   <div class="visible-print"  id="print-block-2">
     Chief of FCD
    </div>
   <br><br>

CSS

#print-block-1 {
    position:fixed !important;
    bottom: 120px !important;
    left: 570px !important;
    width:auto !important;
    font-size: 6pt !important;
}
#print-block-2 {
    position:fixed !important;
    bottom:80px !important;
    left:570px !important;
    width:auto !important;
    font-size: 6pt !important;
}

这是截图

Answer 1

要防止短语中的自动换行，请将空格替换为不间断的空格： 

此外，!important是一个非常生硬的工具，只能偶尔使用。阅读 CSS特异性的工作原理。