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

id	title	challengeType	videoUrl	localeTitle
587d78a3367417b2b2512ad0	Center an Element Horizontally Using the margin Property	0		Centrar un elemento horizontalmente usando la propiedad de margen

Description

Otra técnica de posicionamiento es centrar un elemento de bloque horizontalmente. Una forma de hacerlo es establecer su margin en un valor de 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 configura la propiedad de display para bloquear.

Instructions

Centre el div en la página agregando una propiedad de margin con un valor de auto.

Tests

tests:
  - text: El <code>div</code> debe tener un <code>margin</code> establecido en 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