html - h1 wont center and doesn't respect its container

Question

This question already has answers here: question from:https://stackoverflow.com/questions/65872285/h1-wont-center-and-doesnt-respect-its-container

Answer 1

You have floating content before it, so it wraps around the floating content.

The quick and dirty solution is to set the clear property to stop that.

The better solution is to stop using float as a hack to move things to the left and right of a container and replace it with flexbox.