I use Twenty Sixteen for my theme, and I prefer editing HTML in the Gutenberg code editor over the visual editor. My Custom CSS module has about 700 lines of code. If I want to use a numbered (OL) or bulleted list (UL), all of the bullets or numbers pop to the left of the margin, like this.
- Winter
- Spring
- Summer
If I switch to an HTML block with a P tag and use fancy Font Awesome icons, it flushes perfectly! I break the lines using the BR tag. Not elegant, but it works.
Winter
Spring
Summer
Is there anything I could easily do in CSS to make my bullets and numbered lists flush with my text versus pop out left of the margin?