Como sabemos, la etiqueta HTML <hr> se usa para insertar una regla horizontal o un corte temático en una página HTML para dividir o separar secciones del documento.
Enfoque: la tarea es especificar la alineación del elemento <hr> en HTML. Esto se puede hacer usando el atributo de alineación de la etiqueta <hr> en el documento HTML. Se utiliza para establecer la línea horizontal a la izquierda, a la derecha y al centro.
Sintaxis:
<hr align="left | center | right">
Ejemplo: el siguiente código se usa para establecer la alineación de la etiqueta <hr>.
HTML
<!DOCTYPE html>
<html>
<head>
<style>
h2
{
text-align:center;
}
h3
{
font-weight:bold;
}
.gfg
{
text-align:right;
font-weight:bold;
}
.gfg2
{
font-weight:bold;
text-align:center;
}
</style>
</head>
<body>
<h2 style="color:green">GeeksforGeeks</h2>
<h3>
Horizontal rule set to left
</h3>
<hr width="300px;"
size="10"
align="left">
<h3 class="gfg">
Horizontal rule set to right
</h3>
<hr width="50%" align="right"
size="10">
<h3 class="gfg2">
centered horizontal rule
</h3>
<hr width="50%"
size="10"
align="center">
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA