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

CSS display property with the inline value

CSS display property with the inline value Bad Practice
CSS display property with the inline value Best Practice

Inline-level elements are modest "guests": they take only as much space as they need and don't force a line break. Inline elements flow horizontally, and in contrast to block-level elements, you can't adjust their width and height. Typical inline elements are <span>, <a>, <img>, etc.

To make elements behave like they are inline, you need to specify the inline value of the display property.

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