Multiple spans created in SQL format

[nryberg]

Description

When I apply Superfences and inlinehilite to SQL, the text gets colorized, which is great.

However, it inserts multiple empty blocks into the output. I'd like to keep it tight together without the multiple breaks.

Have:

Want:

For this statement:
`

SELECT bob, fred, george FROM sample

`

Minimal Reproduction

1. Create Markdown text with fenced SQL using triple back ticks
2. Apply extensions
   markdown.markdown(markdown_text, extensions=['tables', 'pymdownx.superfences', 'pymdownx.inlinehilite'])
3. Results very spread out visual.

Version(s) & System Info

• Operating System: Mac O/S
• Python Version: 3.10.11
• Package Version: 10.7

[facelessuser]

Results very spread out visual.

Neither SuperFences nor InlineHilite inherently exhibit the issue you describe. If this issue exists, it exists because you have provided bad CSS that does this.

The highlighting is controlled by Pygments, not us. They wanted to properly scope the white space as not being part of the other syntax. Scoping the white space with a span does not inject new lines, that's not how HTML works. But CSS can change how blocks are styled. And since Pymdown Extensions does not provide any CSS in our output, the bad CSS has to originate from either you or some other 3rd party CSS you are including.

Here I enter inline and block format into my documents via:

`#!sql SELECT bob, fred, george FROM sample`

```sql
SELECT bob, fred, george FROM sample
```

And this is what I get in my documents:

You can try it out here on CodePen, the content is not spread out: https://codepen.io/facelessuser/pen/WNmgGdK.

[facelessuser]

As there is no actual issue, converting this to a discussion.

[nryberg]

Makes sense - thanks for the feedback and correction - I'll go back to the CSS and see where it went off the rails.