tasks/3-css/solution/css-task.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>

        <style>
            .border {
                border: 1px solid black;
            }
            .p-10 {
                padding: 10px;
            }
        </style>

        <link href="css-task.css" rel="stylesheet" type="text/css" />
    </head>

    <body>
        <div class="box-1 p-10">Boks 1</div>
        <br />
        <div class="box-2 p-10">Boks 2</div>
        <br />
        <div class="box-3 p-10">Boks 3</div>
        <br />
        <div class="box-4 p-10 border">Boks 4</div>
        <br />
        <div class="box-5 p-10 border">Boks 5</div>
        <br />
        <img
            class="image-1"
            src="https://images.unsplash.com/photo-1620127682229-33388276e540?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8c3VtbWVydGltZXxlbnwwfHwwfHw%3D&w=1000&q=80"
            alt="Dette er et bilde"
            width="300"
            height="300"
        />
    </body>
</html>