Html 内分区不居中

我使用

margin:0 auto

将内部div

insTabsContainer

居中，但它没有居中。你们能告诉我我做错了什么吗

HTML

.insTabsContainer{
保证金：0自动；
}
.insTabs{
位置：相对位置；
浮动：左；
宽度：32%；
高度：25px；
背景色：#E5E7E9；
文本对齐：居中；
线高：20px；
文本转换：大写；
字体大小：13px；
颜色：#2C3E50；
边界半径：6px；
右边距：5px；
光标：指针；
}

正文
正文
正文

如果您使用

margin: 0  auto;

它应该有一个宽度，但您可以简单地使用

显示：表格

---

您应该设置宽度以查看其中心：

.insTabsContainer {margin: 0 auto; width: 90%;}

---

您可以使用

flex-box

.insTabsContainer{
}
.InstabContainer:之后{
内容：“；
显示：表格；
明确：两者皆有；
}
.insTabs{
位置：相对位置；
浮动：左；
宽度：10%；
高度：25px；
背景色：#E5E7E9；
文本对齐：居中；
线高：20px；
文本转换：大写；
字体大小：13px；
颜色：#2C3E50；
边界半径：6px；
右边距：5px；
光标：指针；
}
.文本中心{
文本对齐：居中；
}
d-flex{
显示器：flex；
证明内容：中心；
}

正文
正文
正文

您可以使用flex。为了这个

.insTabsContainer{
显示器：flex；
证明内容：中心；
}
.insTabs{
位置：相对位置；
浮动：左；
宽度：25%；
高度：25px；
背景色：#E5E7E9；
文本对齐：居中；
线高：20px；
文本转换：大写；
字体大小：13px；
颜色：#2C3E50；
边界半径：6px；
右边距：5px；
光标：指针；
}
.insTabs:最后一个孩子{
右边距：0；
}

正文
正文
正文

如贴所示，这对我很有用here@ManishPatel刚刚更新了我的代码，在这里输入错误。但这不是问题。

.insTabsContainer {margin: 0 auto; width: 90%;}