### Bug description

IDE: VScode with Quarto 1.2.269

OS: Windows 11

Description:

Suppose I create a default web project.

Then I open the code wrap and line number in configs as below:

````yml
format:
  html:
    code-line-numbers: true
    code-overflow: wrap
````

Then if I have a code block with a very long line, it will look bad, as shown below in the first code block:

![Clipboard_20221124 (1)](https://user-images.githubusercontent.com/61440144/203708978-97e07b6c-5ec8-4166-8280-eebff5155d3f.png)

I have to close the code line number to make the wrapping code overflow works, as the second code block. The problem exists in different themes and fonts too.



### Checklist

- [x] Please include a minimal, fully reproducible example in a single .qmd file? Please provide the whole file rather than the snippet you believe is causing the issue.
- [X] Please [format your issue](https://quarto.org/bug-reports.html#formatting-make-githubs-markdown-work-for-us) so it is easier for us to read the bug report.
- [X] Please document the RStudio IDE version you're running (if applicable), by providing the value displayed in the "About RStudio" main menu dialog?
- [X] Please document the operating system you're running. If on Linux, please provide the specific distribution.
2022-11-24T06:23:20Z
WAcry
enhancement
Future
open
code wrap incorrectly with line number
https://github.com/quarto-dev/quarto-cli/issues/3442