JSFiddle - React, Tailwind, and code Playground

by Oleg

HTML

<dl class="chart-list">
	<dt>Monday</dt>
	<dd>9:30 am - 6:00 pm</dd>
	<dt>Tuesday</dt>
	<dd>9:30 am - 6:00 pm</dd>
	<dt>Wednesday</dt>
    <dd>9:30 am - 6:00 pm</dd>
	<dt>Thursday</dt>
    <dd>9:30 am - 6:00 pm</dd>
	<dt>Friday</dt>
	<dd>9:30 am - 6:00 pm</dd>
	<dt>Saturday</dt>
	<dd>9:30 am - 6:00 pm</dd>
	<dt>Sunday</dt>
	<dd>closed</dd>
</dl>

CSS

.chart-list {
	padding: 0 15px 0 6px;
	overflow: hidden;
}
.chart-list	dt {
    float: left;
	font-weight: bold;
    width: 100px;
	margin: 0 -100% 0 0;
	color: #293848;
}
.chart-list	dd {
	text-align: right;
	border-bottom: 1px dashed #ccc;
	margin: 0;
	padding: 0 0 4px 100px;
	width: 100%;
}
.chart-list	dd:after {
    clear: both;
    display: block;
    content: '';
}