How to make box in the middle of the block?

Can not correctly insert in the center of the block.
In the center of the block I need to insert input and button

All inserts in the left block are inserted for some reason, where the inscription raspredelyat.

https://codepen.io/anon/pen/Geabjb
March 19th 20 at 08:50
1 answer
March 19th 20 at 08:52
Solution
.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: anim 100ms 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>Raspredelyat</h2>
</div>
 </div> 
 <input class="input"> </input>
<button class="btn-search">search</button>
<div id="output">

Find more questions by tags HTMLCSS