D. Columnas

Salida


1	<!DOCTYPE html>
2	<html lang="es">
3
4	<head>
5
6	<meta charset="UTF-8">
7	<title>Columnas</title>
8	<meta name="viewport"
9	content="width=device-width">
10
11	<style>
12	main {
13	/* Intenta usar 3 columnas. */
14	column-count: 3;
15	/* Cada columna debe tener al
16	* menos 200px de ancho */
17	column-width: 200px;
18	/* 1 renglón de reparación entre
19	* columnas. */
20	column-gap: 1rem;
21	/* Pone una línea sólida entre
22	* columnas. */
23	column-rule: solid;
24
25	}
26	</style>
27
28	</head>
29
30	<body>
31
32	<h1>Columnas</h1>
33	<main>
34	<p>
35	Lorem ipsum dolor sit amet
36	consectetur adipisicing elit.
37	Iure, assumenda reiciendis.
38	</p>
39	<p>
40	Lorem ipsum dolor sit amet
41	consectetur adipisicing elit.
42	Iure, assumenda reiciendis.
43	</p>
44	<p>
45	Lorem ipsum dolor sit amet
46	consectetur adipisicing elit.
47	Iure, assumenda reiciendis.
48	</p>
49	</main>
50	</body>
51
52	</html>