tengo este codigo html de un login:
<form method="POST" action="<?php echo $_SERVER['PHP_SELF'];?>">
<div class="form-floating mb-3">
<input class="form-control" id="inputEmail" style="border-radius: 20px;" type="text" placeholder="[email protected]" name="usuario" />
<label for="inputEmail">Usuario</label>
</div>
<div class="form-floating mb-3">
<input class="form-control" id="inputPassword" type="password" style="border-radius: 20px;" placeholder="Password" name="password" />
<label for="inputPassword">Contraseña</label>
</div>
<div class="d-flex align-items-center justify-content-between mt-4 mb-0">
<button style="border-radius: 10px; margin-left:170px" type="submit" class="btn btn-outline-dark">Ingresar</button>
<br>
</div>
</form>
me gustaria colocar este echo adentro de este login, para que salga como alerta en algun lugar y se vea mas bonito; tengo este codigo php:
<?php
if ($num >0) {
$row = $resultado->fetch_assoc();
$password_bd = $row ['password'];
$pass_c = sha1($password);
if ($password_bd ==$pass_c) {
$_SESSION['id']= $row['id'];
$_SESSION['nombre']= $row['nombre'];
$_SESSION['tipo_usuario']= $row['tipo_usuario'];
header("location: principal.php");
}
else{
echo "<div class='alerta1'>contraseña incorrecta</div>";
}
}
else{
echo "<script>alert('El usuario no existe');</script>";
}
}
?>`
en el momento los tengo con el siguien estilo, simplemente centrados y con color rojo
<style type="text/css">
.alerta1{
font-size: 30px;
color: red;
text-align: center;
}
</style>