Suchleiste auf der anderen Seite erweitern?

Question

Ich habe diese Demo: https://jsfiddle.net/064rmfat/. Was ich will, ist, wenn der Benutzer bei der Suche die Suchleiste auf der linken Seite erweitert. Irgendein Vorschlag?

<div class="box"> 
    <div class="container-2"> 
     <span class="icon"><i class="fa fa-search"></i></span> 
     <input type="search" id="search" placeholder="Search..." /> 
    </div> 
</div> 

Answer 1

umkehren Ihre Schwimmer

.container-2 input#search { 
    float: right 
} 

https://jsfiddle.net/064rmfat/1/