JSFiddle - React, Tailwind, and code Playground

by Saurabh Sonawane

HTML

<div class="subtitle">
    <div class="text">
        <p>Abstract</p>
    </div>
</div>

CSS

.subtitle {
    width:100%;
    height: 50px;
    display: table;
    background:#FFF
}

.text {
    display: table-cell;
    vertical-align: middle;
}

p {
    display: block;
    text-align:left;
    color: #111111;
    margin: 0px;
    position:relative;
    padding-left:20px;
}

.subtitle:before {
  content: '';
  display:block;
  position:absolute;
  height: 50px;
  width: 5px;
  background-color: blue;
}