Alinear a la derecha con la propiedad CSS position: absolute

CSS

Alinear a la derecha con la propiedad CSS position: absolute

Veamos un ejemplo de como alinear a nuestra derecha un texto con la propiedad CSS position: absolute, una de las propiedades más comúnmente utilizadas por todo desarrollador web.

<!DOCTYPE html>
<html lang="es">
<head>
<style>
.right {
position: absolute;
right: 0px;
width: 300px;
border: 3px solid blue;
padding: 10px;
}
</style>
</head>

<body>
<h1>Alinear a la derecha un bloque de texto</h1>
<p>Este es un ejm sencillo de como alinear horizontalmente a la derecha un bloque de texto</p>
<p class="right">Este texto quedará alineado a la derecha completamente.</p>
</body>
</html>

El resultado sería el siguiente

Sutil Web
Sutil Web - Tu sueño hecho diseño

Suspendisse ultricies ultrices viverra. Morbi rhoncus laoreet tincidunt mauris interdum convallis metus suspendiss lacus est.