本样式可帮助你在网页中整合 text-wrap: balance 属性。text-wrap: balance 属性应用于特定的段落类，可动态平衡文本布局，提供具有视觉吸引力的设计。代码中使用了 Google 字体来营造现代美感，并使用了媒体查询来提高在小屏幕上的响应速度。
如何在 CSS 中使用 Text-wrap Balance
1、主要内容应封装在 <main> 标签中。每段文字如果要使用不同的样式，则应使用适当的标记（例如，<h1> 用于标题，<p> 用于段落）。
<main> <h1>normal</h1> <p>Why the Humble Spatula Is the Most Underrated Tool in Your Kitchen</p> <h1>text-wrap: balance</h1> <p class="bottom">Why the Humble Spatula Is the Most Underrated Tool in Your Kitchen</p> </main>
