Al aplicar el display: inline en el body, todo se ve como si el display fuese block, o sea, uno encima del otro con espacios. Lo que intento con el inline es que se vea uno al lado del otro, pero no resulta. No se si el error sea donde esta colocado el display, que lo puse en el selector body, o ni idea. También uso el display inline-block, pero eso solo resulta en que el tamaño de los contenedores es igual, pero aun siguen estando uno debajo del otro, y lo que quiero es que se coloquen uno al lado del otro sin espacios. Este es mi códgio HTML:
<!DOCTYPE html>
<html lang="es">
<head>
<title> By Jesús Díaz </title>
<meta charset="UTF-8">
<meta name="author" content="Jesus Diaz" />
<meta name="description" content="Portafolio electronico by Jesus Diaz" />
<meta name="keywords" content="Portafolio, jesus diaz, curriculum" />
<link rel="icon" type="image/png" href="Imagenes/html.png" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@200&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../../../Programacion/CSS/normalize.css" />
<link rel="stylesheet" href="Style/style.css" />
</head>
<body>
<header class="Header">
<h1 class="titulo">Encabezado</h1>
</header>
<nav class="Nav">
<h1 class="titulo">Navegación</h1>
</nav>
<aside class="Aside">
<h1 class="titulo">Apartado</h1>
</aside>
<section class="Section">
<h1 class="titulo">Cuerpo principal</h1>
</section>
<footer class="Footer">
<h1 class="titulo">Pie de página</h1>
</footer>
</body>
</html>
Y este es mi codigo CSS:
* {
font-family: 'Inconsolata', monospace;
}
.titulo {
color: #f8f8f8;
}
body {
display: inline;
}
.Header {
background-color: #181818;
}
.Nav {
background-color: #050277;
}
.Aside {
background-color: #960000;
}
.Section {
background-color: #181d28;
}
.Footer {
background-color: #0e2b19;
}
display:none
. Lo que buscas hacer creo que es aplicar un display a los elementos al interno del body, simplemente asigna una clase a los elementos interesados y luego aplica ese display a dicha clase.