◀ ▶

E. El valor `inline`

Solo contiene elementos de tipo inline, inline-block y texto.
De forma predeterminada, los elementos de fraseo como span, em, del, o strong tienen este tipo de despliegue, pero se puede cambiar.
El contenido se despliega de forma horizontal, uno tras otro. Si llega al final del elemento padre más próximo que sea block o inline-block, continuá al inicio del siguiente renglón.

Ejemplo

<!DOCTYPE html>

<head>

content="width=device-width">

<title>inline</title>

<style>

p {

display: inline;

color: olive

}

</style>

</head>

<body>

<div>

El texto es inline.

<span>El span es inline.</span>

<p>

Este párrafo es forzado a ser

inline.

</p>

<em>

Esto es texto con énfasis.

</em>

Esto es texto con énfasis

fuerte.

</strong>

Más texto.

</div>

</body>

</html>