Truncated Code Sections

[Diom]

Code sections are getting truncated, both with and without highlight for color:

Is it necessary to manually wrap them? Or can CSS help?

[Diom]

Yes CSS helps:

pre{
    font-size: small;
    page-break-inside: avoid;
    overflow-x: auto !important;
    white-space: pre-wrap !important;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap !important;      /* Opera 4-6 */
    white-space: -o-pre-wrap !important;    /* Opera 7 */
    word-wrap: break-word !important;       /* Internet Explorer 5.5+ */
}

code{
    font-size: small;
    page-break-inside: avoid;
    white-space: normal !important;
}