1.2 KiB
1.2 KiB
id, title, challengeType, videoUrl, forumTopicId, dashedName
| id | title | challengeType | videoUrl | forumTopicId | dashedName |
|---|---|---|---|---|---|
| 587d78a3367417b2b2512ad0 | Centra un elemento horizontalmente usando la propiedad margin | 0 | https://scrimba.com/c/cyLJqU4 | 301043 | center-an-element-horizontally-using-the-margin-property |
--description--
Otra técnica de posicionamiento consiste en centrar un elemento de bloque horizontalmente. Una manera de hacer esto es que margin tenga valor auto.
Este método también funciona para imágenes. Las imágenes son elementos en línea de forma predeterminada, pero se pueden cambiar a elementos de bloque cuando se establece la propiedad display en block.
--instructions--
Centra el div en la página agregando una propiedad margin con un valor de auto.
--hints--
El div debe tener un margin establecido en auto.
assert(new __helpers.CSSHelp(document).getStyle('div')?.margin === 'auto');
--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>