Flags/Syria.html

<!DOCTYPE html>
<html>
  <head>
    <title>Syria | Flags</title>
    <meta charset="utf-8"/>
    <style>
      #syria{
        width: 180px;
        height: 120px;
        background: linear-gradient(180deg, 
            #ce1126, #ce1126 40px, 
            white 40px, white 80px, 
            black 80px, black);
      }

      #syria:after{
        content: '★\00a0\00a0\00a0\00a0★';
        color: #007a3d;
        font-size: 32px;
        font-family: 'DejaVu Sans', sans-serif;
        line-height: 120px;
        text-align: center;
        display: table;
        margin: auto;
      }
    </style>
  </head>
  <body>
    <div id="syria"></div>
  </body>
</html>