Modelo de box 02 em HTML

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Box Model</title>

    <style>

        /*  */

        body{ font-size: 80px; margin: 0;}

        .c1{background-color: orange;}

        .c2{background-color: yellow;}

        .c3{background-color: tomato;}

        div{

            float: left;/*elementos à esquerda*/

            padding-top: 100px;

            padding: 10px 50px 100px 150px;/*largura*/

            padding: 100px 50px;/*comprimento*/

            padding: 50px;

            margin: 0px 20px;/*margem apenas na horizontal*/

            border: solid 15px black;/*borda tamanho 15 cor preta*/

        }

    </style>

</head>

<body>

    <div class="c1">1</div>

    <div class="c2">2</div>

    <div class="c3">3</div>

</body>

</html>