JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table table-bordered">
	<tbody>
		<tr>
			<td>
				<span>08:00-12:30</span>
				<span>14:00-18:00</span>
			</td>
		</tr>
	</tbody>
</table>

CSS

span {
    font-size: 0.9em; 
    color:#fff; 
    font-weight:bold; 
    background-color:#74D2EB; 
    padding-top:9px; 
    padding-bottom:9px; 
    padding-left: 4px; 
    padding-right: 4px; 
    margin-left: -6px"
}