JSFiddle - React, Tailwind, and code Playground

by spidercoder

HTML

<div class="padded-multiline">
  <h1>
    <strong>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ipsum lorem, placerat eget pharetra sed, lacinia eu orci. 
    </strong>
  </h1>
</div>

CSS

.padded-multiline { 
  line-height: 1.3; 
  padding: 2px 0; 
  border-left: 20px solid #000;
}
.padded-multiline h1 { 
  background-color: #000;
  padding: 4px 0;
  color: #fff; 
  display: inline;
  margin: 0; 
}
.padded-multiline h1 strong { 
  position: relative;
  left: -10px; 
}