namsefni/14.css-flexbox/daemi/02.bullseye.html

<!doctype html>
<html lang="is">
  <head>
    <meta charset="utf-8">
    <title>Flexbox - bullseye</title>
    <!--
      Þetta dæmi skilgreinir CSS „inline“ til hægðarauka. Betra væri að vísa í
      CSS skjal með <link rel="stylesheet" href="skjal.css">
    -->
    <style>
    body {
      margin: 0;
    }

    main {
      min-height: 100vh;

      display: flex;
    }

    .box {
      width: 100px;
      height: 100px;

      margin: auto;

      border: 5px solid #f00;
      border-radius: 50%;
      padding: 50px;

      background-color: #000;
      color: #fff;
    }

    </style>
  </head>
  <body>
    <main>
      <div class="box"></div>
    </main>
  </body>
</html>