<!DOCTYPE html>
<html>
    <head>
        <title>Default Viewport</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta name="viewport" content="width=device-width">
        <style>
            html {
                height: 100%;
            }
            body {
                margin: 0;
                width: 500%;
                display: -webkit-flex;
                display: flex;
                height: 100%;
            }
            div {
                -webkit-flex-direction: column;
                flex-direction: column;
                width: 20%;
                box-sizing:border-box;
                padding: 20px;
                text-align: center;
                font-size: 35px;
                -webkit-text-size-adjust:120%;
            }
            div:nth-child(even) { background-color:#281; color: white;}
            div:nth-child(odd) { background-color:white; color:#281; }
        </style>
    </head>
    <body>
        <div>This →</div>
        <div>is →</div>
        <div>a →</div>
        <div>horizontal →</div>
        <div>design.</div>
    </body>
</html>