<?xml version="1.0" encoding="utf-8"?>

CSS text-align property with the center value

CSS text-align property with the center value Bad Practice
CSS text-align property with the center value Best Practice

We use the text-align property with the center value for placing text on the center axis of the page. This is a centered text alignment.

Centered alignment is a trap for designers who want to achieve a more organized and symmetrical composition. Instead, the page often ends up looking boring with no visual interest. This type of alignment is a good fit for headlines or short pieces of text. Applying it to large paragraphs makes it hard for users to read and follow.

Improve your UX & Product skills with interactive courses that actually work