Line align
See original GitHub issueInformation:
- Prism version: 1.28, latest from the download page
- Plugins: Line Highlight, Line Numbers
- Environment: Browser
Description It’s my first ride with Prism, so I do not know if this is by design, if with previous version is correct or not. Aniway, the text is not vertical aligned, the issue is more visible if data-line is set, all seems ok if line-numbers is off…
html snip:
<pre data-line="36" class="line-numbers">
<code class="language-js">
Tested on Chrome and Firefox.
Example
Issue Analytics
- State:
- Created a year ago
- Comments:5 (3 by maintainers)
Top Results From Across the Web
vertical-align - CSS: Cascading Style Sheets - MDN Web Docs
The vertical-align property can be used in two contexts: To vertically align an inline element's box inside its containing line box.
Read more >Alignment lines in Jetpack Compose - Android Developers
The Compose layout model lets you use AlignmentLine to create custom alignment lines that can be used by parent layouts to align and...
Read more >How To Align Things In CSS - Smashing Magazine
There are a few ways to align elements in CSS. Let's make sense of inline and box alignment, flex and grid alignment and...
Read more >Example text-align: justify - W3Schools Tryit Editor
The text-align: justify; value stretches the lines so that each line has equal width (like in newspapers and magazines). In my younger and...
Read more >Align or justify text - Microsoft Support
You can align text with margins in Word, including left, center, right, and justified. ... The last line in the paragraph is aligned...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
The reason it doesn’t appear in Coy is that Coy works differently compared to other themes. In this case, Coy doing things differently just so happened to prevent this issue.
However, we can’t just change all themes to work like Coy. Firstly because that would also be a breaking change, and secondly because Coy’s way causes a lot of trouble for us in general. We even want to change Coy to behave like other themes in v2.
This is not so extreme, but it is annoying:
The
coy
theme seem to be ok, so I think there is something we can do without breaking.Just a css trick or something like that.