Html 低于一定宽度时居中（响应）

我有一个页面，当我的内容通过CSS中的padding标记（%）稍微向左移动时，它看起来很棒。但是，当我将窗口大小减小到更“移动”的大小时，内容（文本）仍然稍微向左。在达到一定的最小宽度后，我希望它完全居中，并有所需的填充量。

使用媒体查询来获得所需的效果

@介质（最大宽度：480px）{
div{
文本对齐：居中；
填充：5%；
}
}

好的。很高兴知道。谢谢分享。哦，还有这个和之后的

css文本对齐：居中？