Gutenberg inline style messing up the navigation when I add a list to a page

Related Posts:

1. Insert a group block inside a list item
2. Are there Gutenberg container blocks?
3. show classes as dropdown in guttenberg`s additional css classes input box
4. Style new block-editor alignfull class without scrollbars or overflow
5. What CSS rules are introduced to core blocks through wp-block-styles?
6. Gutenberg Block Editor Match Admin Styles & Frontend Styles
7. If I dequeue Gutenberg Stylesheet will that have any effect on WordPress 5.0.1?
8. is it possible to use post-type as part of a css selector in block editor stylesheet?
9. Remove WordPress/Gutenberg button styles for ACF blocks
10. Gutenberg Additional CSS Class without modifying theme?
11. How to override Gutenberg admin CSS
12. Different css rules for TinyMCE and Gutenberg while using add_editor_style()
13. Can you edit WP gutenberg block css without a plugin?
14. How to stop Gutenberg from outputting inline CSS for specific blocks?
15. Enqueue styles in new site editor in WordPress 5.9
16. create bootstrap columns inside editor group block
17. Add Custom Alignment Option to WordPress Blocks/Gutenberg
18. Simple way to add custom class and ids to individual Gutenberg blocks
19. Styling last item in ul [closed]
20. The Global Styles missing
21. ACF Gut block broke wordpress default style?
22. Scroll code block instead of wrapping text
23. Default paragraph block styles just for pages NOT for posts?
24. Custom CSS in Widget editor (Gutenberg) gets stripped out
25. Custom Gutenberg color classes naming convention
26. Adding a new block editor color option to a theme
27. Stop custom Gutenberg styles taking over other admin bits?
28. Why can’t blocks be hidden with jQuery?
29. Gutenberg CSS Issue
30. Trying to make an image a circle in Gutenberg
31. What is the cleanest way to shrink Gutenberg Blocks to container width?
32. Gutenberg Editor: display error with a combination of transform and background-attachment:fixed
33. Default Gutenberg CSS on frontend
34. Customizing the CSS for the post/page editor?
35. Complex List Field – Gravity Forms
36. how to arrange the bullet list items in vertical [closed]
37. Use of CSS classes in editor-blocks.css file
38. Images at the same vertical position in multiple columns
39. How do I make my block-editor styles match my front-end styles?
40. Dequeue classic-themes.min.css
41. How can I add a section with a different background color?
42. Narrow paragraph block aligned to left of “wrapper”
43. adding additional css classes have no effect within block editor
44. How do I change search input padding for blockbase child theme?
45. Full Site Editing Non-editble global styles?
46. Block content rendered with inline CSS. How do I reuse it in a headless setup?
47. How to add arbitrary custom CSS to a WordPress Block Theme using Site Editor?
48. How to remove class=”wp-block-heading” from Heading tags?
49. Gutenberg: where to find style settings
50. Custom block style not working in the editor
51. Customize margin between paragraphs using the Gutenberg Style editor
52. Style priority in theme.json
53. How to add a class to a core block in both admin editor and frontend?
54. How to force Gutenberg to follow all custom CSS styling in preview?
55. Disable WP-Elements Class Creation (Gutenberg)
56. Separate typography controls for titles and meta in a custom block?
57. Enqueue Stylesheet on the front end and in the block editor Conditionally
58. Turn off/modify specific pre-rendered Gutenberg editor CSS styles
59. Block style variations not enqueued for blocks inside HTML code dynamically rendered via JS
60. Block editor: can’t change format of inline code blocks
61. Load RTL CSS using block.json for block development
62. What’s the difference between SCSS and Sass?
63. How am I supposed to use index.html?
64. Column order manipulation using col-lg-push and col-lg-pull in Twitter Bootstrap 3
65. What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
66. Adding border to SVG image
67. What does !important mean in CSS?
68. Set line spacing
69. Remove blue underline from link
70. CSS Background Opacity [duplicate]
71. Outline effect to text
72. Customize Bootstrap checkboxes
73. Making a that’s a link in HTML
74. React.js inline style best practices [closed]
75. What is a user agent stylesheet?
76. What is a user agent stylesheet?
77. Is there a CSS parent selector?
78. CSS to make HTML page footer stay at bottom of the page with a minimum height, but not overlap the page
79. Vertically align text within a div
80. How to align a
    to the middle (horizontally/width) of the page [duplicate]
81. Animate the overflow property
82. Is there a color code for transparent in HTML?
83. multiple classes on single element html
84. CSS opacity only to background color, not the text on it?
85. How do I center floated elements?
86. create a white rgba / CSS3
87. Using CSS for a fade-in effect on page load
88. Gradient borders
89. Superscript in CSS only?
90. What is WebKit and how is it related to CSS?
91. What’s the difference between display:inline-flex and display:flex?
92. Making an iframe responsive
93. How can I invert color using CSS?
94. How to insert spaces/tabs in text using HTML/CSS
95. font-family is inherit. How to find out the font-family in chrome developer pane?
96. How to get these two divs side-by-side?
97. How can I vertically center a “div” element for all browsers using CSS?
98. What does auto do in margin: 0 auto?
99. Does bootstrap have builtin padding and margin classes?
100. How to change the color of an svg element?