freeCodeCamp/curriculum/challenges/portuguese/01-responsive-web-design/applied-visual-design/center-an-element-horizontally-using-the-margin-property.portuguese.md

id	title	challengeType	videoUrl	localeTitle
587d78a3367417b2b2512ad0	Center an Element Horizontally Using the margin Property	0		Centralizar um elemento horizontalmente usando a propriedade de margem

Description

Outra técnica de posicionamento é centralizar um elemento de bloco horizontalmente. Uma maneira de fazer isso é definir sua margin para um valor de auto. Este método também funciona para imagens. As imagens são elementos embutidos por padrão, mas podem ser alteradas para elementos de bloco quando você define a propriedade de display para bloquear.

Instructions

Centralize o div na página adicionando uma propriedade de margin com um valor de auto.

Tests

tests:
  - text: O <code>div</code> deve ter uma <code>margin</code> definida como auto.
    testString: 'assert(code.match(/margin:\s*?auto;/g), "The <code>div</code> should have a <code>margin</code> set to auto.");'

Challenge Seed

<style>
  div {
    background-color: blue;
    height: 100px;
    width: 100px;

  }
</style>
<div></div>

Solution

// solution required