---
title: Block and Inline Elements
localeTitle: Bloque y elementos en línea
---
## Bloque y elementos en línea
Vamos a entenderlos usando los siguientes ejemplos:
#### Ejemplo de código con salida:
![Salida de bloque](https://user-images.githubusercontent.com/16048167/31070017-6f2cf0a2-a77c-11e7-9de6-110b9d0b488d.PNG)
#### Elemento de nivel de bloque:
Un elemento de nivel de bloque ocupa todo el espacio del elemento principal (contenedor) como `
` y `
` en el ejemplo.
Tenga en cuenta que tanto `
` como `
` comienzan desde una nueva línea cada vez, formando una estructura de **bloque** . Los elementos a nivel de bloque comienzan en nuevas líneas.
Los **elementos** comunes **a nivel de bloque** son `