html一行显示 html一行一个颜色怎么办

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>一行显示标题</title>

<style>

.container {

display: flex;

flex-direction: column;

align-items: center;

}

h1 {

font-size: 24px;

margin-bottom: 16px;

}

p {

font-size: 16px;

line-height: 24px;

text-align: justify;

width: 100%;

}

</style>

<div class="container">

<h1>这是一个标题</h1>

<p>这里是一段不少于622个字的内容，内容可以包括各种信息，如历史事件、科学知识、文化传承等，这些内容可以帮助用户更好地了解某个主题，提高他们的知识和理解能力，也可以吸引用户的注意力，使他们更愿意阅读和分享相关内容，在编写内容时，要注意使用简洁明了的语言，避免使用过于复杂或专业的术语，以确保内容的易读性和易懂性，还可以通过添加图片、图表等形式来丰富内容，使其更具吸引力，一个好的内容应该既有趣又有用，能够为用户提供有价值的信息和启示。