Word Wrap Example for Code Block Pro WordPress plugin (if line numbers enabled)

word-wrap.css

div.wp-block-kevinbatdorf-code-block-pro:not(.code-block-pro-editor) pre code {
  overflow-wrap: break-word !important;
  /*  In some cases you may need the max()  */
  padding: 0 2rem 0 max(var(--cbp-line-number-width), 2rem) !important;
  white-space: pre-wrap !important;
  word-break: break-word !important;
}
div.wp-block-kevinbatdorf-code-block-pro:not(.code-block-pro-editor) pre code .line {
  min-height: 1.625rem;
  position: static !important;
}
div.wp-block-kevinbatdorf-code-block-pro.cbp-has-line-numbers:not(.code-block-pro-editor) pre code .line:not(.cbp-line-number-disabled):before {
  position: absolute;
  left: 0.5rem;
  /*  In some cases you may need the max()  */
  width: max(var(--cbp-line-number-width), 2rem) !important;
}

Thank you very much Kevin!

-- Tom