css - HTML/CSS : automatically center input text following device width

Question

我正在尝试将 2 个输入文本置于我的移动网页的中心。

HTML

<div class="servers">
    <input type="text" name="text-basic" id="text-basic" value="dfrferf" class="btn_private_server">
    <input type="text" name="text-basic" id="text-basic" value="gtgtrgrt" class="btn_public_server">
</div>

我不知道怎么做。

CSS

.servers {
    display: table-caption;
    margin: 40px;
}

#text-basic {
    font-weight: bold;
    font-size: 16px;
}

Answer 1

 .servers {

  width: 50%;
  margin: 0 auto;
}