diff --git a/css/estilo.css b/css/estilo.css
index 670324e81a3920c6cb2b7e325801069a9e837632..db1122ae5bf64c3817907a00b4b8ae18d0ab64a1 100644
--- a/css/estilo.css
+++ b/css/estilo.css
@@ -9,6 +9,7 @@ body {
background-color: rgb(207, 207, 207);
font-weight: bold;
padding-top: 5px;
+ padding-bottom: 5px;
font-family: Arial, sans-serif;
text-align: center;
font-size: large;
@@ -32,6 +33,15 @@ body {
font-family: Arial, sans-serif;
z-index: 1000; /* Ensures it stays above the map */
}
+#footerText {
+ position: absolute;
+ top: 400px; /* Adjust for desired distance from the top */
+ left: 20px; /* Position it on the right side */
+ padding: 10px;
+ font-family: Arial, sans-serif;
+ font-size: small;
+ z-index: 1000; /* Ensures it stays above the map */
+}
/* Contenedor inferior */
#grafico {
flex: 0.9; /* Ocupa el tercio restante de la pantalla */
diff --git a/index.html b/index.html
index b0e851b1a320bab24fd2da66fea1f27978bdd7df..acad3efd3df265cc255c25f6347e337d15652134 100644
--- a/index.html
+++ b/index.html
@@ -9,10 +9,11 @@
<body>
<div id="titulo">
Distribución del PIB mundial en cientos de millones de dólares
+
</div>
<div id="map">
- <div id="yearSelectorContainer">
- </div>
+ <div id="yearSelectorContainer"></div>
+ <div id="footerText">Texto en la parte inferior izquierda</div>
</div>
<div id="grafico"></div>
<script src="./Js/script.js"></script>