[CSS] Can you help me move an element?

[Benden]

Hey, I'm not great at CSS so I was wondering if someone can move an element for me and explain how to do it

Codepen:

You must be registered for see links

I want to have the USERNAME component (dropbtn3) of the nav bar on the right side while the rest of the buttons are on the left.

You must be registered for see images attach

 

[Raizer]

Simplest way is

.right {
float: right
}

and change <div class="dropdown"> to <div class="dropdown right">

 

[Benden]

Simplest way is

.right {
float: right
}

and change <div class="dropdown"> to <div class="dropdown right">

Wow you fixed it so easily hahaha.

to see the changes I just added float:right; to the .dropdown element.
I swear I tried that before but apparently not.

Close thread.

 

[RastaLulz]

Alternatively, you could use

You must be registered for see links

, which would be the preferred method.


When you use float, it's not going to play well if the content on each side "come into contact".

 

[Markshall]

The solution provided by @Raizer may have worked for you, but I’d definitely look into the solution offered by @RastaLulz. Flex box is the more modern and preferred way to do these kinds of things.