C. `float` 3

Salida


1	<!DOCTYPE html>
2	<html lang="es">
3
4	<head>
5
6	<meta charset="UTF-8">
7	<title>Float 3</title>
8	<meta name="viewport"
9	content="width=device-width">
10
11	<style>
12	p {
13	clear: both;
14	}
15
16	p::first-letter {
17	font-weight: bold;
18	font-size: 3rem;
19	float: inline-start;
20	}
21	</style>
22
23	</head>
24
25	<body>
26
27	<h1>Float 3</h1>
28
29	<p>
30	Este es otro ejemplo de float.
31	</p>
32
33	<p>
34	Iambién puedes obtener un efecto
35	como libro de cuentos usando
36	float: inline-start
37	dentro de p::first-letter.
38	</p>
39
40	<p>
41	Lorem ipsum dolor sit amet
42	consectetur adipisicing elit.
43	Iure, assumenda reiciendis.
44	Reprehenderit non sunt enim sequi
45	vel consequatur nostrum suscipit,
46	numquam, ipsam commodi placeat
47	quibusdam porro excepturi
48	aliquid officia labore!
49	</p>
50
51	<footer>
52	<p>
53	© 2025
54	Gilberto Pacheco Gallegos
55	</p>
56	</footer>
57
58	</body>
59
60	</html>