The baseline is the invisible line on which characters sit. Most letters rest on it. Descenders like g, j, p, q, and y drop below it. Ascenders like b, d, h, k, and l rise above the x-height. The baseline anchors the text. Without it, letters would float at different heights. The eye would struggle to read. Typography depends on this invisible line.

Baseline alignment lines up text across columns, captions, or interface elements. When two text blocks sit side by side, aligning their baselines creates a clean horizontal relationship. The eye reads across without jumping. Misaligned baselines look sloppy even when the viewer cannot say why. In multilingual design, baselines matter more. Different scripts have different baseline conventions. Latin, Arabic, Devanagari, and Chinese all sit differently relative to the baseline. Mixing scripts in one line requires careful adjustment. The designer adjusts position, size, and spacing to make the scripts feel balanced. Baseline grids extend the concept to entire layouts. Every text element snaps to the same underlying grid. The result is consistent vertical rhythm. The reader may not notice the grid, but they feel the order. Removing it makes the layout feel loose and unprofessional. The baseline is invisible. Its effects are not.

Baseline concepts

• Baseline — the line characters sit on
• X-height — the height of lowercase letters
• Ascender — the part above x-height
• Descender — the part below the baseline
• Baseline grid — a framework for vertical rhythm

The baseline is the foundation of readable text. Everything else is measured from it.