freeCodeCamp

1.7 KiB

Raw Blame History

id	title	challengeType	videoUrl	localeTitle
587d78a3367417b2b2512ad0	Center an Element Horizontally Using the margin Property	0		Центрировать элемент горизонтально Использование поля Свойства

Description

Другой метод позиционирования - центрировать элемент блока горизонтально. Один из способов сделать это - установить margin в значение auto. Этот метод работает и для изображений. Изображения являются встроенными элементами по умолчанию, но могут быть изменены на блокирующие элементы, когда вы устанавливаете свойство display для блокировки.

Instructions

div на странице, добавив свойство margin со значением auto.

Tests

tests:
  - text: У <code>div</code> должен быть установлен <code>margin</code> в 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

1.7 KiB Raw Blame History Unescape Escape