Батарейка Індикатор прогресу Виправлення помилок Колір та фон в таблиці Квадратний корінь Кольорові стовпці в таблиці Блок с тінню Поле для пошуку Крок 4 Рейтинг Чередуючіся квадрати Рисована рамка Рамка вокруг тексту Створення посилань Рамка Значки для листування фотографіями Знову таблиці Виправлення помилок Обов'язкові поля форми Вирізані кути Знак французьких ВПС Виворітка Посилання на сторінку Форма реєстрації Верхній та нижній індекс Градієнтні кнопки в Safari Прапор Японії Виправлення помилок Многочлен степені n Андроїд в тіні Електронний сомельє Виправлення помилок З XHTML в HTML5 Різнокольорові посилання Створення таблиці Картинка з тінню Двійна рамка Кругова діаграма ТЕКС Індикатор виконання Текст для галочки Використання спеціальних символів Прогноз погоди Кінь на ходу Посилання як кнопка Нумерований і маркований список Таблиця з зеброю Картки Ниспадаюче меню Хлібні крихти Асуанська плотина Об'єднання комірок таблиці Остання лінія справа Блок з вказівником Цитата Таксі Ескіз Межа навколо форми Квадрати Хостинг Оптимізація CSS Заголовки Блок з градієнтом Нумеровані списки Зворотній зв'язок Рамка з обертанням Гламурна кнопка З XHTML до HTML5 Перетворення в XHTML Кроки Ширина таблиці Форма реєстрації Пошагова форма Форма для коктейлів Відступи між блоками Еквалайзер Текст в рамці Поле для вводу чисел Створення веб-сторінки Вірш Вложенные списки Виправлення помилок Створення меню з тінню Поле для гри в гомоку Нумерація Колір фону та тексту документа Соціальні зв'язки Робота з абзацами Влад Мержевич
Створіть стиль для даного коду, щоб отримати вигляд, який показано на малюнку 1. Сторінка має коректно відображатися в браузерах IE8+, Firefox 5+, Opera 11+ та Chrome.
Сам код подано нижче і не повинен змінюватися, крім розділу <head>.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Квадраты</title>
</head>
<body>
<div class="black"></div>
<div class="white"></div>
</body>
</html>