From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/pt-br/web/html/element/center/index.html | 69 ++++++++++++++++++++++++++ 1 file changed, 69 insertions(+) create mode 100644 files/pt-br/web/html/element/center/index.html (limited to 'files/pt-br/web/html/element/center') diff --git a/files/pt-br/web/html/element/center/index.html b/files/pt-br/web/html/element/center/index.html new file mode 100644 index 0000000000..5dd930cedd --- /dev/null +++ b/files/pt-br/web/html/element/center/index.html @@ -0,0 +1,69 @@ +--- +title: '
: O elemento de texto centralizado (obsoleto)' +slug: Web/HTML/Element/center +tags: + - Alinhamento de Texto + - Elemento + - HTML + - Obsoleto + - Referencia + - Texto + - Web + - alinhamento + - center +translation_of: Web/HTML/Element/center +--- +
{{obsolete_header()}}
+ +

O elemento Center do HTML (<center>) se tornou obsoleto, é um elemento de nível de bloco que exibe o conteúdo em nível de bloco ou em linha centralizado horizontalmente dentro do elemento que o contém. O contêiner {{HTMLElement ("body")}} geralmente está presente, mas não é necessário. Essa tag foi descontinuada no HTML 4 (e XHTML 1) em favor da propriedade CSS {{Cssxref ("text-align")}}, que pode ser aplicada ao elemento {{HTMLElement ("div")}} ou à um paragráfo indivídual {{HTMLElement ("p")}}. Para blocos de centralização, use outras propriedades CSS como {{Cssxref ("margin-left")}} e {{Cssxref ("margin-right")}} e defina-as como auto (ou defina {{Cssxref ("margin") }} para 0 auto).

+ +

Interface DOM

+ +

Este elemento implementa a interface {{domxref("HTMLElement")}}.

+ +
+

Nota de implementação: até o Gecko 1.9.2 inclusive, o Firefox implementa a interface {{domxref("HTMLSpanElement")}} para este elemento.

+
+ +

Exemplo 1

+ +
<center>Esse texto vai ficar centralizado.
+<p>Este parágrafo também.</p></center>
+
+ +

O efeito da centralização vai acontecer até onde o elemento center for fechado.

+ +

Exemplo 2 (Alternativa CSS)

+ +
<div style="text-align:center">Esse texto vai ficar centralizado.
+<p>Este parágrafo também.</p></div>
+
+ +

Isso acontece por os textos que sofreram as alterações estão dentro dos elementos que foi aplicado a propriedade.

+ +

Exemplo 3 (Alternativa CSS)

+ +
<p style="text-align:center">Essa linha vai ficar centralizada.<br>
+E esta linha também.</p>
+
+ +

Nota

+ +

Aplicar {{Cssxref("text-align")}}:center a um elemento {{HTMLElement("div")}} ou {{HTMLElement("p")}} centraliza o conteúdo desses elementos, deixando suas dimensões gerais inalteradas.

+ +

Compatibilidade de navegadores

+ + + +

{{Compat("html.elements.center")}}

+ +

Apesar de obsoleto, o elemento é aceito em todos os navegadores do mercado.

+ +

Veja também

+ + + +
{{HTMLRef}}
-- cgit v1.2.3-54-g00ecf