Left-align bullet points / ordered lists #459
-
How can I left-align bullet points / ordered lists? I've tried the following which left aligns titles and paragraphs"
|
Beta Was this translation helpful? Give feedback.
Replies: 6 comments
-
Every list items should be already left aligned through |
Beta Was this translation helpful? Give feedback.
-
I'm using |
Beta Was this translation helpful? Give feedback.
-
Bullet lists with longer text are left-aligned if that makes a difference |
Beta Was this translation helpful? Give feedback.
-
I get the same issue even if I remove all styling: |
Beta Was this translation helpful? Give feedback.
-
To reset centering, set horizontal margin for the bullet list ul, ol {
margin-left: 0;
margin-right: 0;
} |
Beta Was this translation helpful? Give feedback.
-
Thank you! |
Beta Was this translation helpful? Give feedback.
uncover
theme is using a different trickmargin: 0 auto
thantext-align
and flex related CSS styles for centering lists.https://github.com/marp-team/marp-core/blob/e05e5d5faad74b4b359377cc46303ba388ecd6ae/themes/uncover.scss#L168
To reset centering, set horizontal margin for the bullet list
<ul>
and ordered list<ol>
to0
.ref: https://www.w3.org/Style/Examples/007/center.en.html