47 lines
1.5 KiB
Markdown
47 lines
1.5 KiB
Markdown
|
---
|
||
|
|
title: Div Align Attribute
|
||
|
|
localeTitle: Div Alinhar Atributo
|
||
|
|
---
|
||
|
|
## Div alinhar atributos
|
||
|
|
|
||
|
|
O `<div align="">` atributo é usado para alinhar o texto de uma tag div para a esquerda, direita, centro ou justificar.
|
||
|
|
|
||
|
|
Por exemplo:
|
||
|
|
|
||
|
|
```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 não é mais suportado em HTML5. CSS é o caminho a percorrer.
|
||
|
|
|
||
|
|
O atributo DIV alinhamento pode ser utilizada para alinhar horizontalmente o conteúdo dentro de um div. No exemplo abaixo, o texto será centrado dentro do div.
|
||
|
|
|
||
|
|
```html
|
||
|
|
|
||
|
|
<div align="center">
|
||
|
|
This Text Will Be Centered
|
||
|
|
</div>
|
||
|
|
```
|
||
|
|
|
||
|
|
\*\* Este atributo não é suportado em HTML5 e [texto CSS Align](https://github.com/freeCodeCamp/guides/blob/f50b7370be514b2a03ee707cd0f0febe2bb713ae/src/pages/css/text-align/index.md) deve ser usado em vez
|