.group {
    display: flex;
}

div.group div {
    border: 1px solid gray;
    font-size: 0.8em;
    margin: 5px;
    padding: 10px;
}

#ex1 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;

    h2 {
        font-size: 2rem;
    }

    ul,
    ol,
    dl,
    p {
        font-size: 1.5rem;
    }

    li,
    p {
        line-height: 1.5;
    }

    /* Description list styles */

    dd,
    dt {
        line-height: 1.5;
    }

    dt {
        font-weight: bold;
    }
}

#ex2 {
    ol {
        list-style-type: upper-roman;
    }
}

#ex3 {
    ol {
        list-style-type: lower-roman;
    }

    #inside {
        list-style-position: inside;
    }

    #outside {
        list-style-position: outside;
    }
}

#ex4 {
    ul {
        list-style-image: url(../images/star.png);
    }
}

#ex5 {
    ul {
        padding-left: 2rem;
        list-style-type: none;
        line-height: 1.2em;
    }

    ul li {
        padding-left: 1.5rem;
        background-image: url(../images/star.png);
        background-position: 0 0;
        background-size: 1rem 1rem;
        background-repeat: no-repeat;
    }
}