Grokking CSS Design Patterns to Ace Interviews/

...

/

Solution: Baseline Alignment of Image and Text

Solution: Baseline Alignment of Image and Text

Learn to align an image and a paragraph so their baselines match.

We'll cover the following...

Problem description

An <img> element and a <p> element are placed adjacent in the document flow. The task is to align the bottom of the first line of text with the bottom of the image, ...