1.2 KiB

Raw Blame History

id	title	challengeType	videoUrl	forumTopicId	dashedName
587d78a3367417b2b2512ad0	Centralizar um elemento horizontalmente usando a propriedade margin	0	https://scrimba.com/c/cyLJqU4	301043	center-an-element-horizontally-using-the-margin-property

--description--

Outra técnica de posicionamento é centralizar um elemento de bloco horizontalmente. Uma maneira de fazer isso é definir a propriedade margin para o valor "auto".

Esse método também funciona para imagens. Imagens são elementos inline por padrão, mas podem ser alterados para elementos de bloco caso você defina o valor da propriedade display para block.

--instructions--

Centralize a div na página adicionando a propriedade margin com o valor auto.

--hints--

Esta div deve conter a propriedade margin definida com o valor auto.

assert(code.match(/margin:\s*?auto;/g));

--seed--

--seed-contents--

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

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

--solutions--

<style>
  div {
    background-color: blue;
    height: 100px;
    width: 100px;
    margin: auto;
  }
</style>
<div></div>

1.2 KiB Raw Blame History