<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="estilo.css">
<title>Pruebas</title>
</head>
<body>
<main>
<h1 class="titulo-blog">Blog de urgencias</h1>
<br></br>
<p class="texto-destacado">Noticias las 24 del dia</p>
<br></br>
<p class="urgente">!Todas la personas mayores de 45 años deben vacunarse!</p>
<img class="imagen" src="hospital.jpeg" alt="Hospital" width="500" height="350">
</main>
</body>
</html>
*{
padding: 0;
margin: 0;
background-color: #000000;
}
.titulo-blog{
position: relative;
left: 40%;
font-family: Verdana, Geneva, Tahoma, sans-serif;
color: #1905d1;
border: 5px solid #1905d1;
padding: 5px;
margin: 6px;
}
.texto-destacado{
font-family: Verdana, Geneva, Tahoma, sans-serif;
color: #fafafa;
padding: 5px;
border: 5px solid #1905d1;
margin: 6px;
}
.urgente{
font-family: Verdana, Geneva, Tahoma, sans-serif;
color: rgb(255, 0, 0);
font-size: 20px;
padding: 5px;
border: 5px solid #1905d1;
margin: 6px;
}
.imagen{
position: relative;
top:60px;
left: 35%;
}