JSFiddle - React, Tailwind, and code Playground

by WoJWoJ

HTML

<div id="all">
<span class="disp hour">9</span><span class="sep"> </span><span class="disp min">27</span>
</div>

CSS

#all {
  display: grid;
  grid-template-rows: 200px;
  grid-template-columns: 200px 20px 200px;
}

.disp {
  background-color: black;
  color: white;
  border-color: gray;
  border-width: 10px;
  border-style: solid;
  @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');
  font-family: 'Open Sans', sans-serif;
  font-size: 120px;
  font-weight: bolder;
  padding: 0 20px 0 20px;
  align-self: center;
  justify-self: stretch;
  text-align: center;
}