How to use pure CSS to realize text centering on a single line and left on multiple lines

To achieve the effect of centering a single line of text and aligning multiple lines to the left, you can use flexbox layout to achieve it. The following is a sample HTML structure and basic CSS code: ```html