Css Ortalama Sorunu

Merhaba arkadaşlar, burda görselin üzerindeki arama kutusunu hem mobilde hem de masaüstünde sağa ve sola göre nasıl ortalayabilirim ?

<div class="epsearch">
    <center>
 <div id="search-box">
<form action="/search" id="search-form" method="get" target="_top">
<input id="search-text" name="q" placeholder="Search Box" type="text">
<button id="search-button" type="submit"><span>Search</span></button>
</form>


</div>

    </center>
   


</div>

<div id="search-box"> kısmının öncesine <center>, div bitimine de </center> ekleyerek ortalayabilirsiniz. Sitenizden aldığım kodu editleyerek cevaba ekledim. Direkt kullanabilirsiniz.

#search-box {
    position: relative;
    width: 60%;
    margin: 0 auto;
    margin-top: 20px;
}

.epsearch {[LIST=1][*]    display: flex;[*]    justify-content: center;[/LIST]
}

eklerseniz. http://prntscr.com/m7c6p4

#search-box {    position: relative;    width: 60%;}

Bu kodu

Bununla değiştir.

#search-box {   position: relative;  width: 60%;    overflow: hidden;     text-align: center;    margin: 0px auto;
}

Maalesef hocam 2 kodu da ekledim değişen bir şey olmadı



Maalesef hocam olmadı.

Sorun çözümüne kavuşmuştur.