JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
  <div id="leftcolumn">Left column</div>
  <div id="content">
    <h1>Text Text Text Text Text Text</h1>
    <p>Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text</p>
  </div>
  <div id="rightcolumn">Right column</div>
</div>
<div id="watermark">
<p>Retired</p>
</div>

CSS

#wrapper {
    margin: 0 auto;
    width: 450px;
    display:block;
    background-color:#222222;
    border-radius: 5px;
}

#content {
    float: left;
    width: 318px;
    padding-left: 5px;
}

#leftcolumn {
    width: 50px;
    float: left;
}

#rightcolumn {
    width: 75px;
    float: left;
}

#leftcolumn {
    width: 50px;
    float: left;
}

#rightcolumn {
    width: 75px;
    float: left;
}
#watermark {
  color: #d0d0d0;
  font-size: 50pt;
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-45deg);
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: -1;
  left:170px;
  top:-100px;
}