WordPress SyntaxHighlighter lines are not aligned

SyntaxHighlighter is a powerful syntax highlighting tool which provides pure javascript and/or CMS plug-ins. However, the highlighted line block sometimes doesn’t show aligned lines. This is a style setting problem in the web browser.

To work around this, add the following css codes in style.css in your WordPress theme.

.syntaxhighlighter .code .container:before {
    display: block;


Leave a Reply

Your email address will not be published.