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

ahandsel commented 3 years ago

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

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
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:

hiroppy commented 3 years ago

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

xendarboh commented 2 years ago

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

hiroppy / fusuma