Chciałbym ustawić icon-search wewnątrz search inputa po jego prawej stronie. Nie wiem jak to zrobić, ponieważ użyłem już absolute i relative position. Search input jest ustawiony dzięki niemu po środku divów .SB. Na zdjęciu jest pokazane ułożenie divów. W czerwonym punkcie chciałbym ustawić ikonę.
<nav id="M">
<a href="#">
<div class="SB">
<img src="x1.png">
</div>
</a>
<a href="#">
<div class="SB">
<img src="x2.png">
</div>
</a>
<i class="icon-search"></i>
<input type="search" id="MS" placeholder="Search">
</nav>
#M
{
width: 100%;
margin-top: 58px;
display: flex;
position: relative;
justify-content: center;
}
#M a
{
width: 50%;
}
.SB
{
opacity: 1;
}
.SB:hover
{
opacity: 0.95;
}
.SB img
{
width: 100%;
display: block;
}
#MS
{
bottom: 35px;
width: 685px;
height: 50px;
border: 0;
position: absolute;
outline: none;
}
#M-searchbox::-webkit-search-cancel-button
{
-webkit-appearance:none;
}
