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

Align text to the horizontal center of images

Align text to the horizontal center of images Bad Practice
Align text to the horizontal center of images Best Practice

When aligning text with images in lists, using the image's center as a reference point for adjacent text creates a visually balanced and cohesive look. This ensures that the text is vertically centered with the image, establishing a clear, direct connection between the two elements, thereby improving readability.

It's aesthetically pleasing because it provides symmetry and equilibrium, preventing any single item from dominating the visual space. The list also appears more organized and navigable, offering a smoother and more intuitive user experience.

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