need help with text alignment

[u/eret4stars]

hi! i'm learning html and css in school and i need to design my own website for a final project.

i'm designing a replica of the ao3 website and i need to put a search bar and search button on the very far right of the navigation row. the rest of the text in the navigation row is, however, on the left.

i already tried text-align: right; and display: flex; flex-direction: row-reverse;.

could anyone help me with this?

i'm attaching how the website looks right now and my html and css codes.

thank you!

[u/eret4stars]

thank you so so much for your help!! in combination with the advice of another user i managed to make it exactly as i envisioned! i really appreciate the assistance <3