Safari is first to drop text-box in CSS, which plenty of people are excited for as it takes care of aligning text in many cases without the use of fragile magic numbers. They say: Now you can declare which font metric you want the browser to consider the edge of the text box when calculating […]

Frontend Masters is an online learning platform offering  courses on frontend development technologies such as JavaScript, HTML, CSS, React, and Vue.js. Readers can learn about advanced frontend concepts, best practices, and modern development workflows from industry experts. With video lectures, exercises, and real-world projects, Frontend Masters provides  guidance and expertise for mastering frontend development skills.

Frontend Masters

Safari introduces the `text-box` property in CSS which simplifies the alignment of text in various scenarios by allowing developers to specify which font metric the browser should use to calculate the edge of a text box. This new property promises to resolve inconsistencies such as button centering without relying on complex numerical adjustments.

CSS text-box – Frontend Masters Boost