Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Exercise 2</title>
    <style>
        .inner {
            background: #f38637;
            color: #f4934c;
            display: inline-block;
            font-size: 200%;
            padding: 13px 19.25px;
            margin-left: 2.1em;
        }

        .outer  {
            position: relative;
            border-bottom: 4px solid #f38637;
            width: 360px;
            display: inline-block;
            margin: 20px;
            margin-left: 0.4em;
        }

        .C {
            position: absolute;
            color: #f38637;
            top: 17%;
            left: -5%;
            font-size: 10em;
        }

        .up {
            color: #fff;
            position: absolute;
            top: 14%;
            left: 27%;
            font-size: 10em;
        }

        .code {
            font-size: 10em;
            position: absolute;
            top: 14%;
            left: 82%;
        }

        body{
            font-family: sans-serif;
        }
    </style>
</head>
<body>
    <div class="outer">
        <div class="C">
            C
        </div>
        <div class="up">
            up
        </div>
        <div class="code">
            code
        </div>
        <div class="inner">
            1 0 0 0 0 1 1 <br>
            1 1 1 0 0 0 0 <br>
            1 1 0 0 0 1 1<br>
            1 1 0 1 1 1 1<br>
            1 1 0 0 0 0 0<br>
            1 1 0 0 1 0 1<br>
        </div>
    </div>
</body>
</html>