El atributo align en HTML se usa para especificar la alineación del contenido de texto de The Element. este atributo se utiliza en todos los elementos. El atributo Alinear también se puede configurar usando la propiedad CSS «text-align:» o en <img> «vertical-align:».
Etiquetas admitidas:
- <subprograma>
- <título>
- <col>
- <grupocol>
- <hr>
- <iframe>
- <img>
- <leyenda>
- <tabla>
- <tbody>
- <td>
- <pie>
- <th>
- <cabeza>
- <tr>
Sintaxis:
<element_name align="left | right | center | justify">
Valores de atributos:
- left : Establece el texto alineado a la izquierda.
- right : Establece el texto alineado a la derecha.
- center: Establece la alineación del centro del texto.
- justificar : estira el texto del párrafo para establecer el ancho de todas las líneas iguales.
Ejemplo 1:
html
<!DOCTYPE html> <html> <head> <title> HTML p align Attribute </title> </head> <body> <h1>GeeksforGeeks</h1> <h2>HTML p align Attribute</h2> <p align="left"> Left align content </p> <p align="center"> center align content </p> <p align="right"> Right align content </p> </body> </html>
Producción:
Ejemplo 2:
html
<!DOCTYPE html>
<html>
<head>
<title>gfg</title>
<style type=text/css>
p {
background-color: gray;
margin: 10px;
}
div {
color: white;
background-color: 009900;
margin: 2px;
font-size: 25px;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksForGeeks</h1>
<h2><div>align Attribute</h2>
<div align="center">
div align="center"
</div>
<div align="left">
div align="left"
</div>
<div align="right">
div align="right"
</div>
<div align="justify">
div align="justify"
</div>
</body>
</html>
Producción:
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Firefox
- safari de manzana
- Ópera
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA