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

Question

[Никита Босенко]

Не могу корректно сделать вставку в центр блока.
В центр блока мне нужно вставить input и button

Все вставки в левый блок вставляются почему-то, где надпись распределятор.

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

Answer 1

[IbraimVeli]

.search-block {
  width: 600px;
  height: 260px;
  background-color: #2A363B;
  border-radius:25px;
  float: left;
}

.raspredelator-block {
  width: 90px;
  height: 260px;
  background-color: #FECEA8;
  border-top-left-radius:25px;
  border-bottom-left-radius:25px;
  float: left;
}

.raspredelator-h2 {
  transform: rotate(-90deg);
  padding: 55px 5px 135px 5px;
  float: left;
}

.rsb {
  width: 90px;
  height: 260px;
  background-color: #FECEA8;
  float: right:
 
  
}

#output {
  font-family: cursive;
  font-size: 2em;
  animation: 100ms anim infinite alternate;
}

.input,
.btn-search {
  transform: rotate(-90deg);
  margin-top:120px;
  margin-left: 50px;
 
  
}

<div class="search-block">
  <div class="raspredelator-block">
  <div class="raspredelator-h2">
      <h2>Распределятор</h2>
    </div>
  </div> 
  <input class="input"> </input>
<button class="btn-search">найти</button>
<div id="output">