JSFiddle - React, Tailwind, and code Playground

HTML

<section id="digital">
    <time datetime="10:10">10:10</time>
</section>

CSS

section{ 
    padding: 10px; 
    border: 1px solid #888; 
    margin: 10px;
}


#digital time {
    display: inline-block;
    height: 75px;
    width: 200px;
    text-align:center;
    vertical-align:middle;
    border: 2px solid #888;
    font-weight: bold;
    color: #f00;
    border-radius: 10px; 
    font-size: 64px;
    font-family: 'Courier New', monospace;
    /* made at http://www.colorzilla.com/gradient-editor/ */
    background: #4c4c4c;
    background: -webkit-linear-gradient(top,  #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);
}