JSFiddle - React, Tailwind, and code Playground

HTML

<div class="timeline">
	<div>
		<bold name="10 3 2017 9:10">Block 1 </bold>
	</div>
	<div>
		<bold name="10 3 2017 10:30">Block 2 </bold>
	</div>
	<div>
		<bold name="10 3 2017 12:30">Block 3 </bold>
	</div>
	<div>
	    <bold name="10 3 2017 13:50">Block 4 </bold>
	</div>
</div>

CSS

div.timeline > div {
  position: relative;
}
div.timeline > div::before {
  content: '';
  width: 5px;
  height: 135%;
  background-color: #000;
  position: absolute;
  left: -17px;
  top: -2px;
}

JavaScript

$(".timeline").css({
	"border-left" : "5px solid lightgray",
	"padding-left" : "10px"
}).children().css({
	"margin-bottom" : "5px",
	"padding" : "5px",
	"border" : "2px solid black"
});