我怎么能把按钮移到textarea旁边的右边

Question

搜索框包含一个输入标记和一个标记。它看起来像下面的图像。我想像第二张图像一样移动文本区域旁边的按钮。我尝试了“漂浮”，但它没有用。有人可以帮我解决一下吗？

    <div class="search">
      <input type="text" placeholder="Search here..." class="validate">
      <a class="waves-effect waves-light btn">Search</a>
    </div>

actual output

desired output

Answer 1

flex仍然是一个选项：

＆＃13;

＆＃13;

.search {
  display:flex;
  margin:50px 1em 1em;
  }
input {
  flex:1;
  }
a {
  padding:1em;
  background:tomato;

＆＃13;

<div class="search">
      <input type="text" placeholder="Search here..." class="validate">
      <a class="waves-effect waves-light btn">Search</a>
    </div>
                                                                                              <br/><br/><br/><br/><br/><br/><a href="http://codepen.io/gcyrillus/pen/jqOdMg">demo</a>

＆＃13;

＆＃13;

＆＃13;