Как сделать в header блок в котором будут кнопки?

Question

[Deman1]

Вот мой код https://codepen.io/anon/pen/wRKMwy
Что мне нужно: мне нужно создать в верхушке другую часть в правом углу внутри и в ней разместить кнопки вертикально Регистрация и Вход.

Я просто что то не понимаю как это делается если не трудно кому то киньте статью об этом или урок и помогите поправить мой код чтобы получился желаемый результат.

Comments

[jimmy_hendrix]

https://codepen.io/anon/pen/gZaPmv

[Deman1]

jimmy_hendrix, А как сделать например чтобы третья кнопка была горизонтальна и в ней 2 Тип разбита на 2 кнопки или более

[dicem]

Deman1, мсъе, надеюсь вы сайт не по заказу делаете, советую вам посмотреть больше не уроки а мастер классы по верстке обычных таких вот сайтов
ссылочка

Answer 1

[Сергей]

<div class="header">
  <div class="bar">
    <input class="pass" type="password">
    <input class="but" type="button">
  </div>
</div>

.header {
  background: #000;
  width: 900px;
  height: 150px;
  margin: 40px auto;
}
.bar {
  background: #111;
  width: 100px;
  height: auto;
  float: right;
  margin: 10px;
}

.pass {
  width: 100px;
  margin-bottom: 10px;
}
.but{
  width: 70px;
}

Ну как-то так.