JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
<table class="serviceScheduleTable table table-bordered">
		<thead>
			<tr>
				<th>Name</th>
				<th>Soll</th>
				<th>Montag, <i>03.08.2015<i></th>
				<th>Dienstag, <i>04.08.2015<i></th>
				<th>Mittwoch, <i>05.08.2015<i></th>
				<th>Donnerstag, <i>06.08.2015<i></th>
				<th>Freitag, <i>07.08.2015<i></th>
				<th>Samstag, <i>08.08.2015<i></th>
				<th>Sonntag, <i>09.08.2015<i></th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>
					Meier Hans
				</td>
				<td>
					14:34
				</td>
				<td>
					<span class="timerange">08:00-12:30</span>
					<span class="timerange">14:00-18:00</span>
					<span onclick="alert('add time range')" style="cursor: pointer" class="glyphicon glyphicon-plus serviceSchedule-addTimeRange"></span>
				</td>
				<td>
					<span class="timerange">08:00-12:30</span>
					<span class="timerange">14:00-18:00</span>
					<span onclick="alert('add time range')" style="cursor: pointer" class="glyphicon glyphicon-plus serviceSchedule-addTimeRange"></span>
				</td>
				<td>
					<span class="timerange">08:00-12:30</span>
					<span class="timerange">14:00-18:00</span>
					<span onclick="alert('add time range')" style="cursor: pointer" class="glyphicon glyphicon-plus serviceSchedule-addTimeRange"></span>
				</td>
				<td>
					<span class="timerange">14:00-18:00</span>
					<span class="timerange">08:00-12:30</span>
					<span onclick="alert('add time range')" style="cursor: pointer" class="glyphicon glyphicon-plus serviceSchedule-addTimeRange"></span>
				</td>
				<td>
					<span class="timerange">14:00-18:00</span>
					<span class="timerange">08:00-12:30</span>
					<span onclick="alert('add time range')" style="cursor: pointer" class="glyphicon glyphicon-plus serviceSchedule-addTimeRange"></span>
				</td>
				<td>
					<span class="timerange">14:00-18:00</span>
					<span class="timerange">08:00-12:30</span>
					<span...

CSS

.serviceScheduleTable {
			margin-top: 10px;
			margin-left: 10px;
		}
		
		.timerange {
		  display: inline-block;
		  font-size: .86em; 
		  color: white; 
		  font-weight: bold; 
		  background-color: LightSkyBlue; 
		  padding: .7em .2em .8em .2em; 
		  margin: .1em;
		}