Given the below formatting,
- on a Mac Safari, version 15.6.1 (17613.3.9.1.16)
- as well as on an iPhone Safari, version 15.6.1
This Markdown:
- ```
code
```
Loses the bullet on Safari:
On your browser, it renders as:
-
code
I know there are solutions to go around that:
-
```
code
```
<!-- or -->
- Some text here
```
code
```
Which both render the bullet point properly:
-
code
- Some text here
code
But, from time to time, I wish the first snippet would render a bullet point and code block on the same line, as expected.
Is there a proper way to have a code block on the same line as a bullet point?
padding-top
as a shift down for the marker for<li>
elements, but only when another specific CSS property is also applied. I looked into it the last time it was reported, not all that long ago, and left a comment describing what was happening in more detail. Unfortunately, I'm not quickly finding that comment.<ul><li><pre style="overflow:hidden;">code
. Something about the overflow causes the bullet to disappear on Safari. No clue why.