Flags/Taiwan.html

<!DOCTYPE html>
<html>
  <head>
    <title>Taiwan | Flags</title>
    <meta charset="utf-8"/>
    <style>
      #taiwan {
        position: relative;
        width: 900px;
        height: 600px;
        background-color: rgb(254, 0, 0);
      }
      #taiwan::before, #taiwan::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 50%;
      }
      #taiwan::before {
        content: "✹";
        box-sizing: border-box;
        padding-top: 3.75px;
        padding-left: 3.75px;
        font-family: sans-serif;
        font-size: 300px;
        text-align: center;
        line-height: 100%;
        color: rgb(255, 255, 255);
        background-color: rgb(0, 0, 149);
      }
      #taiwan::after {
        content: "";
        top: 90px;
        left: 165px;
        width: 112.5px;
        height: 112.5px;
        border: 7.5px solid rgb(0, 0, 149);
        border-radius: 50%;
        background-color: rgb(255, 255, 255);
      }
    </style>
  </head>
  <body>
    <div id="taiwan"></div>
  </body>
</html>