47 lines
1.5 KiB
Markdown
47 lines
1.5 KiB
Markdown
|
---
|
||
|
|
title: Div Align Attribute
|
||
|
|
localeTitle: Atributo de alineación de div
|
||
|
|
---
|
||
|
|
## Div align atributos
|
||
|
|
|
||
|
|
La `<div align="">` atributo se utiliza para alinear el texto en una etiqueta div a la izquierda, derecha, centro o justificar.
|
||
|
|
|
||
|
|
Por ejemplo:
|
||
|
|
|
||
|
|
```html
|
||
|
|
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title> Div Align Attribbute </title>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div align="left">
|
||
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||
|
|
</div>
|
||
|
|
<div align="right">
|
||
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||
|
|
</div>
|
||
|
|
<div align="center">
|
||
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||
|
|
</div>
|
||
|
|
<div align="justify">
|
||
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
```
|
||
|
|
|
||
|
|
## Importante!
|
||
|
|
|
||
|
|
Este atributo ya no se admite en HTML5. CSS es el camino a seguir.
|
||
|
|
|
||
|
|
El atributo DIV align se puede utilizar para alinear horizontalmente los contenidos dentro de un div. En el siguiente ejemplo, el texto se centra en el div.
|
||
|
|
|
||
|
|
```html
|
||
|
|
|
||
|
|
<div align="center">
|
||
|
|
This Text Will Be Centered
|
||
|
|
</div>
|
||
|
|
```
|
||
|
|
|
||
|
|
\*\* Este atributo no es compatible con HTML5 y [texto CSS Align](https://github.com/freeCodeCamp/guides/blob/f50b7370be514b2a03ee707cd0f0febe2bb713ae/src/pages/css/text-align/index.md) debe utilizarse en lugar
|