JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width: 768px;">
<hr class="red col-sm-6" /><hr class="col-sm-6" />
</div>

CSS

.col-sm-6{
  width: 50%;
  float: left;
}

.red{
  border: 2px solid deeppink;
  position: relative;
  top: -1px;
}