Html 如何使div居中，但使文本内部左对齐？

我想在页面中央放置一个div块，但是文本应该保持在中间块的左侧

问题是，当我将

div

设置为居中，将

p

设置为左侧时，

p

中的内容位于整个页面的左侧，而不是居中块的左侧

.container{
文本对齐：居中；
保证金：自动；
}
.货柜{
文本对齐：左对齐；
}

敏捷的棕色狐狸跳过了懒狗

默认情况下，文本始终保留。你应该给容器加上宽度，否则它会在页面上显示完整的大小

.container {
  width: 1000px;
  height: 500px;
  margin: auto;
  border: 1px solid red;
}

<div class="container">
  <div class="another-container">
    <p>Some text goes here.</p>
  </div>
</div>

.container{
宽度：1000px；
高度：500px；
保证金：自动；
边框：1px纯红；
}
这里有一些文字

你是说在页面的中心吗？否则你可以这样做

div.container {
   text-align: center;
   max-width : 700px;
   margin : auto;
   background : blue;
   }

p {
    text-align: left;
}

---

在您的示例中，

margin:auto或
边距：0自动
是正确的方法，但是
div
是块级元素，默认情况下它占据整个可用宽度，因此
边距：auto在视觉上没有效果

您只需声明
width
或
max width
，该值为百分比或固定值，只要小于父元素即可


.container{
保证金：0自动；
最大宽度：200px；
边框：1px实心；
}

敏捷的棕色狐狸跳过了懒狗

天知道你在说什么。无意冒犯。添加一个最大宽度我添加了很多关于为什么和如何添加的细节，请查看下面的内容。为什么是高度？更好地使用最大宽度，我只是增加了高度，这样它看起来像一个盒子和边框，以显示盒子的位置。它只是为了理解目的。