Html 如果屏幕小于768px，则将文本居中对齐

我有一个以文本为中心的容器。在容器内，我有一个面板，文本设置为左，但当屏幕变得比平板电脑更小时，我希望面板中的文本居中

下面是我正在做的，但不确定媒体查询是如何工作的，这对我来说不起作用

这个媒体查询是我正在使用的，但是html要复杂得多，但作为一个例子，它被简化了

@@media all和（最小宽度：768px）{
.左文本{
文本对齐：居中；
}
}

---

您的媒体查询正在应用于

最小宽度为768px（即大于或等于768px）的任何内容。由于您希望的宽度小于此值，因此需要将其更改为
最大宽度


@介质（最大宽度：767px）{
.左文本{
文本对齐：居中；
}
}

最小宽度：768px
表示如果屏幕的最小宽度为768px，则将执行代码。这是针对更大的屏幕。如果要在小于768px的屏幕上执行代码，请使用
max width
。换句话说，
max width:768px
表示：如果屏幕的最大宽度为768px，请运行代码。好的，我刚刚尝试了这个方法，但是当我将屏幕最小化到768以下时，它仍然没有对齐到中心。
文本对齐
适用于内联内容。您正在尝试将
div
居中。请尝试以下操作：
margin:0 auto
。class=“container text center”class=“row”>class=“panel panel default text left”和class=“panel body”的css都来自引导