Edit Question - KnowledgeHub

Title Body

I have the following HTML that I would like to keep from being broken up when spanning multiple pages. The problem is that if I use page-break-before or after, it will put each element on it's own page. The other problem I'm having is that if I set display: block on either the cell CSS class or the wrap class, the DIV or LI still gets broken up. I have a print media CSS file and a CSS file for the screen as well. I want to keep the <li class="cell"> element and its contents from being broken up. <div class="pad"> <h1 style="text-align: center; margin: 10px 0"> Work Orders for Jan 05, 2011 </h1> <p class="printHidden"> <a href="/orders/print-all/date/2011-01-05">Print All Work Orders</a> </p> <ul class="workorders"> <li class="cell"> <div class="wrap" id="146"> <div class="scheduled"> <p> <strong>Work Order:</strong> <a href="/orders/view/work-order/146">158801</a> </p> <p> <strong>Client:</strong> Client Name </p><br> <b>Resources</b> <ul> <li> <a href="/resources/view/resource-id/5" id="Person-5">Mikell McLaindon</a> </li> <li> <a href="/resources/view/resource-id/9" id="Person-9">Jose Copper</a> </li> </ul> </div>

Tags (comma-separated) Cancel