Skip to main content

CSS for printing labels

The below case will style a certain dashboard widget outputting LI elements

@page {
  margin: 0cm; /* page reset */
}
@media print {
  html * { margin: 0px; padding: 0px; } /* page reset */
  #Widget23 ul { padding: 12mm 6mm 12mm 6mm; margin-bottom: 0; }
  #Widget23 li { border: 0px; padding: 5mm; height: 33.9mm; width: 63.5mm; margin-right: 2mm; }
  #Widget23 li { border: 1px solid #EEEEEE; }   /* disable after print is validated */
}

The page setup is

  • left margin 6mm
  • top margin 12mm

The label layout is

  • size 63.5mm x 33.9mm
  • spacing 2mm
Back to top