html文本居中靠左对齐

HTML中，如果你想让文本内容既不完全居中也不完全靠左，而是水平居中显示，可以使用`text-align`属性。如果你想要将元素默认设置为左对齐并允许某些情况下的居中，你可以这样做：

<div style="display: flex; justify-content: center;"> <!-- 使用Flexbox布局 -->
   <p style="text-align: left;">这是左侧对齐的文字，如果需要居中，可以添加其他样式调整。</p>
</div>

在这个例子中，外部的`<div>`使用了Flexbox布局，通过`justify-content: center;`实现了内容在容器内的水平居中。而内部的`<p>`标签设置了`text-align: left;`，使其保持左对齐。

如果你想仅在特定设备或视口大小下实现居中，可以添加媒体查询（Media Queries）：

<style>
   @media (max-width: 600px) {
      .center-text {
         text-align: center;
      }
   }
</style>

<div class="center-text" style="display: flex; justify-content: space-between;"> <!-- 或者你想用的其他居中方式 -->
   <p>这在屏幕宽度小于600px时会居中显示。</p>
</div>

在这里，当屏幕宽度小于600px时，`.center-text`内的文本会居中显示。