JSFiddle - React, Tailwind, and code Playground

by Suika Cornejo

HTML

<h4><span>Sample sample sample</span></h4>
<p>lorem ipsum</p>
<hr>

SCSS

h4 {
		width: 100%;
		text-align: center;
		border-top: 4px double black;
		height: 10px;
		line-height: 0.1em;
		margin: 30px 0;
    font-size: 29px;

		span {
			background-color: white;
			padding: 0 10px;
		}
	}
  
  	hr {
		border-bottom: 1.5px solid black;
		border-top: 1.5px solid black;
		border-left: none;
		border-right: none;
		height: 10px;
	}