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

CSS vertical-align property with the top value

CSS vertical-align property with the top value Bad Practice
CSS vertical-align property with the top value Best Practice

The vertical-align: top; declaration aligns the top of elements with the top of the entire line. Take a note, the top of the line isn't the same as the highest point of text — the line usually includes margin.

Vertical top alignment is a good choice for comparing multicolumn content, like pricing plans or product features. It provides better scannability and helps users assess options better.

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