Css 如何设置样式以在div中显示输入搜索框

我想在上面的div中显示

搜索提名…

输入文本，类名为

提名search_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>

。提名搜索主页{
宽度：230px！重要；
高度：28px；
保证金：0自动；
位置：相对位置；
背景色：#fff；
边框：1px实心#ededed；
宽度：100%；
盒影：0 5px 30px rgba（156160171.25）；
边界半径：2px；
}
.提名搜索图标img{
高度：30px；
宽度：30px；
位置：相对位置；
填充底部：0px！重要；
显示器：flex；
}
输入{
保证金：0px 0px 10px 0px！重要；
}

尝试使用flex

.nominationsearch_Home {
    display: flex;
    align-items: center;
}

---

感谢您的帮助，display属性帮助我解决了此问题。投票通过并被接受！