Place the registration form to the right of the page

Question

Here is my jsFiddle . Although I apply this rule

#login {
    float: right;
}

the shape will remain next to the Leaderboard line. On a mobile phone, this is not a problem, since everything will be displayed in one fahsion column, but on the desktop I would like the logo to be in the extreme left position, the text field and Leaderboard were somewhere in the center, and the login should be in the extreme right position .

What am I missing?

---

Note that everything is fine with the actual logo (in relation to the logo), so ignore the ugly effect that the associated logo has in this example.

Answer 1

flex (ui-block-solo). flex, .

, - https://css-tricks.com/snippets/css/a-guide-to-flexbox/.

, . , , - .

Answer 2

display: flex div .ui-block-solo. Float .

Answer 3

Bootstrap, . http://www.w3schools.com/bootstrap/bootstrap_grid_system.asp

, - : http://www.codeply.com/go/UVfJSRytc2

FYI Bootstrap CSS. , . :)