Take back space from above and below your text content; achieve optical balance.

Chrome's platform is a leading web browser developed by Google, offering insights into web standards, browser features, and web development tools. Through documentation, developer tools, and webinars, Chrome provides insights into building modern web applications and optimizing performance. Developers can learn about web APIs, progressive web apps (PWAs), and Chrome DevTools to create fast, secure, and user-friendly web experiences.

Chrome Developers

From Chrome 133, the text-box property allows developers and designers to control the space above and below text elements like <h1>, <button>, and <p>. This feature offers improved optical balance and easier alignment, overcoming previous challenges with uncontrollable half leading space. Examples and demos show effective usage of text-box for better text layout and design.

Chrome for Developers

What can I build with it or what problems does it solve?

<p>why did this took so long, felt like this has been an issue for every frontend devs since the beginning.</p>
<p>Had to hack text height boxes with manual margin top or line-height.</p>
