JSFiddle - React, Tailwind, and code Playground

HTML

<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

    <link rel="stylesheet" href="main.css" />
  </head>
  <body>
      <div class="content">
          <div class="head">
              <img class="logo" src="img/logo.jpg" />
              <h1><span class="title">||</span> CartĂŁo Fidelidade <span class="title">||</span></h1>
              <img class="close" src="img/close.jpg">
          </div>

          <div class="main">

          </div>

          <div class="footer">
              
          </div>
      </div>
  </body>
</html>

CSS

body {
    background-color: #1a0a06;
}

.content {
    width: 600px;
    padding: 10px;
    border: 2px solid #543019;
}
.content * {
    display: inline-block;
}

/* HEADER */
h1 {
    color: #FFF;
    font: bold 20pt 'Candara';
    text-shadow: 2px 2px 3px #000;
}
span.title {
    color: #756964;
    clear: none;
    
}
img.close {
    position: fixed;
    top: 10px;
    right: 10px;
}
img.logo {
    
    margin-left: 20px;
}