Html &引用；保证金：0自动“；不'；定义宽度时不工作

我正在为我的网站创建一个搜索工具，我希望它位于中心，所以我创建了一个主div容器，它可以容纳每个搜索工具元素，它有

margin:0 auto

，并且工作正常但是在它里面另一个元素有

边距：0 auto不会居中。

HTML:

<div class="searchbox">
        <div class="mover">
           <input type="text" name="searchfield" class="search" placeholder="Search Item">

请注意，我不希望搜索元素使用
width:100%
，正如您在代码中看到的，我定义了
minwidth:600px
，这是针对mover中与本例无关的其他元素。

请退房

有什么问题吗？我已经在两个元素上定义了宽度，但是边距自动仍然不起作用，有没有办法解决这个问题？
这个
是一个内联级别的元素，
边距：自动
技巧只对块级别的元素起作用

你可以做：

.search {
  ...
  width: 70%;
  margin: 0 auto;
  display: block; /*add this line*/
}

.mover {
  text-align: center;
}

或者，如果您喜欢将其保留为内联，您可以这样做：

.search {
  ...
  width: 70%;
  margin: 0 auto;
  display: block; /*add this line*/
}

.mover {
  text-align: center;
}

是一个内联级元素，
边距：auto
技巧仅适用于块级元素

你可以做：

.search {
  ...
  width: 70%;
  margin: 0 auto;
  display: block; /*add this line*/
}

.mover {
  text-align: center;
}

或者，如果您喜欢将其保留为内联，您可以这样做：

.search {
  ...
  width: 70%;
  margin: 0 auto;
  display: block; /*add this line*/
}

.mover {
  text-align: center;
}

您好，非常感谢，现在输入元素是水平居中的，但是
top
或
margin top
根本不起作用，有没有办法修复它而不弄乱？现代居中方式是使用flexbox，看到这个很抱歉我问了一个毫无意义的问题，
position:relative
解决了这个问题，但我肯定会尝试flexbox。您好，非常感谢，现在输入元素是水平居中的，但是
顶部
或
边距顶部
根本不起作用，有没有办法修复它而不弄乱？现代居中方式是使用flexbox，看到这个吗？对不起，我问了一个毫无意义的问题，
位置：相对修复了这个问题，但是是的，我一定要试试flexbox。