Search Field

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="search-field&gt;&lt;/div&gt;

.search-field
{

width:200px;
border:4px #333 solid;
border-radius:25px;
background:#666;
padding:5px;

 -webkit-transition:  width 0.7s;
  -moz-transition:     width 0.7s;
  -o-transition:       width 0.7s;
  transition:          width 0.7s;
}
.search-field:focus {
  width:400px;
}