简述CSS一行水平居中，多行居左 ？

在CSS中实现单行文字水平居中，多行文字左对齐的效果，通常需要使用两层元素。外层元素用于控制单行文字的居中，而内层元素则用于控制多行文字的左对齐。

1. 外层元素设置：外层元素需要设置text-align: center;。这个属性会使内层元素（如果它是行内元素或行内块元素）的内容居中显示。当内层元素只有一行文字时，由于外层元素的居中设置，这行文字将会水平居中。
2. 内层元素设置：内层元素需要设置display: inline-block;和text-align: left;。display: inline-block;使得内层元素表现为行内块元素，这样当内容较少时，它不会独占一行，可以随着内容的多少自适应宽度。当内容较多，形成多行文字时，由于设置了text-align: left;，这些多行文字将会左对齐。

示例HTML代码可能如下：

<div class="outer">
  <div class="inner">
    这是一行居中的文本。
    <br>
    这是第二行左对齐的文本，如果有多行文字，它们都会左对齐。
  </div>
</div>

对应的CSS代码可能如下：

.outer {
  text-align: center;
}

.inner {
  display: inline-block;
  text-align: left;
}

这样，当.inner元素只有一行文字时，由于外层元素的居中设置，这行文字将会水平居中。而当.inner元素有多行文字时，由于设置了左对齐，这些多行文字将会左对齐。