Высота и ширина блока

Создавая страницы, часто возникает желание управлять высотой и шириной блоков. Это удобно в длинных статьях, когда можно сделать поясняющий текст в небольшом блоке. Так он будет выделяться от основной части текста и его сразу можно увидеть.

Для управления высотой и шириной блочных элементов используются правила width и height, принимающие значения ширины и высоты соответственно (например в пикселях).

Создадим блок высотой 100 пикселей и шириной 100 пикселей. Чтобы визуально отделить его от основного текста, установим чёрным цвет фона:

<style>
  .square {
    width: 100px;
    height: 100px;
    background-color: #000;
  }
</style>

<div class="square"></div>

Задание

Добавьте в редактор div с классом rectangle и установите ширину 300 пикселей. Высота 100 пикселей. Цвет чёрный (#000000)


Нашли ошибку? Есть что добавить? Пулреквесты приветствуютсяhttps://github.com/hexlet-basics

Упражнение доступно только авторизованным пользователям.

Пожалуйста, авторизуйтесь, это необходимо для отслеживания прогресса выполнения уроков. Если у вас ещё нет учётной записи, то сейчас самое время создать аккаунт.