How to align in the same line an image and an element ?

Question

Hello i want to align in the same line my text and my image. I want to float the menu image to the left and the h1 to the center but it doesn't work.
PS : I'am french
https://code.sololearn.com/WnzS553xe06O/?ref=app

Answer 1

For example, you can use float:right; There are better ways though.

nav h1 {
text-align:center;
float:right;
}

Answer 2

https://code.sololearn.com/W3NNP68Vpv2t/?ref=app

Is this alright?

If you want to practice flexbox a little, this is a cute exercise : www.flexboxfroggy.com

Answer 3

Yes thank you a lot 😄

Answer 4

Yes but I want that the h1 be centered