在CSS中居中

Question

有很多这样的问题，但是没有一个对我有用。我正在尝试做一个简单的登录网页，但仍然不知道如何居中。我的代码如下：

#şifre {
  position: absolute;
  top: 30%;
  width: 300px;
  height: 40px;
  min-height: 40px
  padding: 3px;
  border: none;
  border-bottom: 2px solid #FF851B;
  background-color: #fff;
  border-radius: 2px;
  font-size: 20px;
  line-height: 4px;
  text-align: center;
}
#şey {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 4px;
  position: absolute;
  top: 50%
}
div {
  align: center;
  text-align: center;
}

  <form id="form" onsubmit="return false;">
    <div>
      <input id="şifre" type="text" id="fname" name="fname" placeholder="şifre">
    </div>
    <div style="text-align:center;">
      <input id="şey" type="submit" value="Submit">
    </div>
  </form>

我所有的居中方法都将对象的最左侧居中。