Bloques y elementos en linea HTML

¿Cómo usar bloques y elementos en línea?

  • Bloques
    - Un elemento de nivel de bloque siempre comienza en una nueva línea y ocupa todo lo ancho disponible
  • Elemento en linea
    - Un elemento en línea no se inicia en una nueva línea y solo ocupa lo ancho que sea necesario.

Elemento bloque

La etiqueta <div></div> es un elemento bloque.

Ejemplo
<div>Hola</div>
<div>Mundo</div>
Resultado:
Hola
Mundo

Elemento en linea

Ejemplo
<span>Hola</span>
<span>Mundo</span>
Etiqueta:
Hola Mundo