JSFiddle - React, Tailwind, and code Playground

by Kirubel Girma

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="xcard">
<div class="items">
  <div class="circle"></div>
  <div class="xname">Kirubel Girma</div> </div> 
</div>

CSS

.circle {
  height: 16px;
  width: 16px;
  background:#9b98a9;
  border-radius:1em;
  margin-left:-8px;
  float: left;
}
.xname{margin-left:1em;}
.xcard {
  margin-left: 50px;
  border-left: 3px solid #9b98a9;
  height: 20em;
}