How to float in CSS?

Question

How to place the heading(Gallery) and paragraph beside the list(Main menu) in my code
https://code.sololearn.com/W1HaS4t2fu9Z/?ref=app

Answer 1

Enclose them in a container with the css rule 'float:rigth;' and move them just before the <h1>Main menu</h1> in the html source code:

<div style="float:right">
<h1>Gallery</h1>
<p>This is paragraph</p>
</div>
<h1>Main menu</h1>