<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Floats in Practice</title>
    <style>
        header, section, aside, footer {
            background-color: lightgray;
            color: #666666;

        }

        .group:before,
        .group:after {
            content: "";
            display: table;
        }

        .group:after {
            clear: both;
        }

        .group {
            clear: both;
            *zoom: 1;
        }

        section {
           