Display

Los elementos de bloque en HTML y CSS son elementos que se muestran en una nueva línea y ocupan todo el espacio de su elemento padre

.block-element{
background-color: green;
margin: 10px;
padding: 20px;
}

este es una etiqueta div

esta es una etiqueta de parrafo

Soy texto

Soy texto

Soy texto

Soy una etiqueta Span

display /h2>

crear barra de navegación

.nav li{
display: inline-block;
font-size: 20px;
margin: 10px 0;
padding-left: 20px;
padding-right: 20px;
}