How to set text alignment for all (title, body, and lists) to be left?

[ahandsel]

Info

• Operating System: macOS BigSur 11.3.1 (20E241)
• Node Version: v14.17.0
• Browser Name and Version: Chrome Version 91.0.4472.77 (Official Build) (x86_64)

Type

• [x] Question
• [ ] bug
• [ ] feature request

For Questions

My Repo: ahandsel/Git_GitHub_Intro

Expected Behavior

I was expecting to set all my text (title, body, and lists) to be aligned left when I appended the following in my style.css:

* {
  text-align: left;
}

ul {
  list-style-position: outside;
  text-align: left;
}

h3 {
  text-align: left;
}

p {
  text-align: left;
}

div {
  text-align: left;
}

.slide-internal-box {
  text-align: left;
}

Actual Behavior

Some lists are aligned left while others are in the middle View: https://ahandsel.github.io/Git_GitHub_Intro/#slide-2

Documentation

1. Nearly all links to "example code" or "sample code" are broken.

• Example: See the example.css on https://hiroppy.github.io/fusuma/docs/guides/configuring-fusuma#css
• I found this to be somewhat helpful: https://github.com/hiroppy/fusuma/blob/master/packages/playground/intro/style.css

2. I am confused about "Align Left .left" CSS Classes. How do I use it? I added the following above & below text I want to align to the left in the markdown, but it did not work: <!-- classes: main, left -->

[hiroppy]

sorry for the late reply, I'll confirm it later 🙇

[xendarboh]

confirmed. alignment is broken and not in a consistent manner.