title: How can I use text-align-last except when I have only one line of text?
body: <p>I would like to align text to the center, but last line to the left:</p>
  
  <pre class="lang-css prettyprint-override"><code>section {
      text-align: center;
      text-align-last: left;
  }
  </code></pre>
  
  <p>It works well, but what if there is only one line? In this case, I would like to align text to the center, which doesn't work, because the first line is also last line. Is there any selector for elements with only multiline text or selector for first line (not pseudo-element <code>:first-line</code>)?</p>
  
  <p>Live Example:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false">
  <div class="snippet-code snippet-currently-hidden">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>section {
    text-align: center;
    text-align-last: left;
    width: 300px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;strong&gt;This works:&lt;/strong&gt;
  &lt;section&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam aliquam turpis consectetur diam fringilla, vel ultrices sapien bibendum. Maecenas pulvinar in nisl at mattis. Duis nisi risus, rhoncus sit amet ornare malesuada.&lt;/section&gt;
  
  &lt;strong&gt;Next line should be centered (something like text-align-first?):&lt;/strong&gt;
  &lt;section&gt;Lorem ipsum dolor sit amet.&lt;/section&gt;</code></pre>
  </div>
  </div>
  </p>