How can I do this layout look?

HTML & CSS
1

Click to see the layout

And then press join in the top right hand corner. I want to recreate something like this. What is the bar/divider they use in between existing users and new user? How would I be able to create that please? I have coded the left side in HTML but not yet the right handed side.

Thank you.

2

There’s no join button/link for me. :frowning:

3

neither do I. Did we have to sign in?

4

Here’s an attachment for it. :slight_smile: I think I have to create a new div with a vertical bar or img for the div but I don’t know how I would centre it in the content div and not have it float in the header section.

5

O, that’s what we see anyway.

All they’ve done there is floated two boxes side by side, and the one on the right has a left border:

border-left: 1px solid #C7C7C7;
6

As what Ralph has mentioned :slight_smile:

You might want to add a parent div that contains the two boxes, and give it a margin of auto to make sure the boxes are centered.