JSFiddle - React, Tailwind, and code Playground

HTML

<span class="date">12.12.2012</span><span class="time">12:12</span>
<div>
  <span class="date">12.12.2012</span>
  <br>
  <span class="time">12:12</span>
</div>

CSS

.date, .time {
    display: inline-block;
    font: 8pt Verdana, sans-serif;
}

.date {
    color: red;
}

.time {
    color: grey;
}
.date+.time
{
    padding-left: 4px;
    margin-left: 4px;
    border-left: grey 1px solid;
}