JSFiddle - React, Tailwind, and code Playground

by klierik

HTML

<div class="date">
	<span class="date-label">1955</span>
</div>

<div class="text">
	<p>
		
		Maecenas faucibus mollis interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
		<br>&nbsp;&nbsp;
		Cras mattis consectetur
		<br>&nbsp;&nbsp;&nbsp;&nbsp;
		purus sit amet fermentum.
		<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
		&laquo;Nulla vitae elit libero, a pharetra augue.&raquo;
		
	</p>
</div>

SCSS

.date {
	text-align: center;
	
	&-label {
		display: inline-block;
		
		&:before,
		&:after {
			content: "—";
		}
	}
}