如何在div中显示输入搜索框

search nominations... 用类名在上面的div中输入文本 nominationsearch_Home 我试过下面的css,但是看起来不太好。对这个有什么建议吗?

.nominationsearch_Home {
  width: 230px !important;
  height: 28px;
  margin: 0 auto;
  position: relative;
  background-color: #fff;
  border: 1px solid #ededed;
  width: 100%;
  box-shadow: 0 5px 30px rgba(156,160,171,.25);
  border-radius: 2px;
}

.nominationsearch_Icon img{
  height:30px;
  width: 30px;
  position: relative;
  padding-bottom: 0px !important;
  display :flex;
}

input {
  margin: 0px 0px 10px 0px !important;
}

     



      <label>
        <div className="nominationsearch_Home">
            <div className="nominationsearch_Icon">
                <img alt="" src="/images/search.png"></img>
            </div>
           <input type="text" className="nomination_Home_Input" placeholder="search nominations..."/>
        </div>
    </label>