JSFiddle - React, Tailwind, and code Playground

by wesley_murch

HTML

<div class="sitename3name">
    Submission date: 
    <span class="date">
      Jan 01, 1980
    </span>
    <span class="pointlink">
        9000
    </span>
</div>

CSS

.sitename3name { 
            width:585px;
            margin-left:23px;
            margin-top:0px;
            color: #000000;
            font-family: Georgia, "Times New Roman", Times, serif;
            font-size: 15px;
            font-weight: normal;
            height: 25px;
            padding-bottom: 0px;
            padding-left: 10px;
            padding-top: 0px;
            background-color: #CAE1FF;

}

.sitename3name a{ 
            position:absolute;
            color: #004284;
            text-decoration:none;
            font-family:Arial, Helvetica, sans-serif;
            font-size: 15px;
            font-weight: bold;
            height: 25px;
            padding-right: 5px;
            padding-left: 5px;
            padding-top: 2px;
            padding-bottom: 0px;

}

.sitename3name a:hover{ 
            position:absolute;
            color: #FFFFFF;
            background-color:#FF0000;
            text-decoration:none;
            font-family:Arial, Helvetica, sans-serif;
            font-size: 15px;
            font-weight: bold;
            height: 20px;
            padding-right: 5px;
            padding-left: 5px;
            padding-top: 2px;
            padding-bottom: 0px;

}
.pointlink { 
            float:right;
            margin-right: 0px;
            font-size:16px;
            font-weight:bold;
            padding-top: 2px;
            padding-right: 3px;
            padding-left: 5px;
            background-color:#004993;
            color:#FFFFFF;


}
.date {
 
}