<!doctype html>
<html>
    <head>
        <style>
            body {
                font-family: monospace;
            }

            #region_1, #region_2 {
                overflow: hidden;
                display: inline-block;
                vertical-align: top;
                margin: 2px;
            }

            #region_1 {
                height: 400px;
                width: 400px;
                border: 1px solid #a0a0a0;
            }

            #region_2 {
                height: 200px;
                width: 300px;
                border: 1px solid black;
            }
        </style>
    </head>
    <body>
        <div id="region_1">
            <div style="font-size: 18px; line-height: 2; color: #a0a0a0; text-align: justify">
                <span style="background-color: #a0a0a0">
                    This is some content This is some content
                    This is some content This is some content
                    This is some content This is some content
                    This is some content This is some content
                    This is some content This is some content
                    This is some content This is some content
                    This is some content This is some content
                    This is some content This is some content
                    This is some content This
                </span>
            </div>
        </div>
        <div id="region_2">
            <div style="font-size: 12px; line-height: 2; color: #00a0e0; text-align: justify">
                <span style="background-color: #00a0e0">
                    This is some content This is some content
                    This is some content This is some content
                    This is some content This is some content
                    This is some content This is some content
                    This is some content This is some content
                    This is some content This is some content
                    This is some content This is some content
                    This is some content This is some content
                </span>
            </div>
            <div style="font-size: 12px; line-height: 2; color: #800000; text-align: justify">
                <span style="background-color: #800000">
                    This is some content This is some content
                    This is some content This is some content
                    This is some content This is some content
                    This is some content.
                </span>
            </div>
        </div>
    </body>
</html>