Para colocar los elementos "Blog", "Paquetes de viajes" y "Contacto", en una linea horizontal, utilice el siguiente código en el CSS:
nav ul li {
float: right;
}
nav ul {
display: flex;
}
(nav li ul) , es un selector que selecciona todos los elementos (< li >) que estan dentro de (< ul >) que a su vez esta dentro del (< nav >). Es decir, aplica el estilo a los elementos de lista dentro del menú de navegación.
float: right; mueve cada elemento de la lista hacia la derecha dentro del contenedor padre. Alineandolos a la derecha en una linea horizontal, pero altera el orden de los elementos.
display: flex; lo utilicé para que los elementos queden ordenados en este orden Blog, paquetes de viaje, contacto.
Esta fue mi manera de resolverlo. Si tienen alguna sugerencia, Bienvenida!!!
