diff --git a/guide/portuguese/html/tutorials/how-to-horizontally-center-a-div-tag-in-another-div-tag/index.md b/guide/portuguese/html/tutorials/how-to-horizontally-center-a-div-tag-in-another-div-tag/index.md index a7060dd323..19030ed588 100644 --- a/guide/portuguese/html/tutorials/how-to-horizontally-center-a-div-tag-in-another-div-tag/index.md +++ b/guide/portuguese/html/tutorials/how-to-horizontally-center-a-div-tag-in-another-div-tag/index.md @@ -2,7 +2,7 @@ title: How to Horizontally Center a Div Tag in Another Div Tag localeTitle: Como centralizar horizontalmente uma tag Div em outra tag Div --- -## Como centralizar horizontalmente uma tag Div em outra tag Div +## Como Centralizar Horizontalmente uma Tag Div em Outra Tag Div Centrar horizontalmente um `
` dentro de outro `
` é bem fácil. @@ -26,11 +26,11 @@ Vamos começar criando duas tags div com as classes "parent" e "child". O pai se ``` -Existem algumas maneiras de lidar com isso, mas para este tutorial vamos nos concentrar em dois. No primeiro vamos centralizar nosso filho `
` usando `margin` e no segundo usaremos o `flexbox` . +Existem algumas maneiras de lidar com isso, mas para este tutorial vamos nos concentrar em dois. No primeiro vamos centralizar nosso `
` filho usando `margin` e no segundo usaremos o `flexbox` . -### Exemplo de centralização de uma tag Div com margens +### Exemplo de Centralização de uma Tag Div com Margens -Se você especificar uma `width` em seu filho div, você pode usar `margin: auto` . Isso centralizará seu filho `
` distribuindo uniformemente suas margens esquerda e direita. +Se você especificar uma `width` em seu div filho, você pode usar `margin: auto`. Isso centralizará seu `
` filho distribuindo uniformemente suas margens esquerda e direita. ```css .parent { @@ -44,11 +44,11 @@ Se você especificar uma `width` em seu filho div, você pode usar `margin: auto } ``` -### Exemplo de centralização de uma tag Div com o Flexbox +### Exemplo de Centralização de uma Tag Div com o Flexbox -Usar o flexbox para centralizar um `
` é um pouco diferente. Primeiro, não requer que você especifique a `width` do seu filho `
` . Segundo, você realmente centraliza o filho `
` aplicando propriedades css no pai `
` . +Usar o flexbox para centralizar um `
` é um pouco diferente. Primeiro, não requer que você especifique a `width` do seu `
` filho. Segundo, você realmente centraliza o `
` filho aplicando propriedades css no `
` pai. -Para centralizar um filho `
` usando o flexbox, é necessário usar `display: flex` junto com `justify-content: center` no pai `
` . +Para centralizar um `
` filho usando o flexbox, é necessário usar `display: flex` junto com `justify-content: center` no `
` pai. ```css .parent { @@ -64,4 +64,4 @@ Para centralizar um filho `
` usando o flexbox, é necessário usar `display #### Mais Informações: -[Matriz de suporte do Flexbox](http://caniuse.com/#search=flexbox) \ No newline at end of file +[Matriz de suporte do Flexbox](http://caniuse.com/#search=flexbox)