Horizontal line behind a heading

HTML

<h1>
Some Title
</h1>

CSS

h1 {
	display: grid;
	grid-template-columns: 1fr max-content 1fr;
	align-items: center;
	gap: 0.5rem;
}

h1:before,
h1:after {
	content: '';
	height: 1px;
	background-color: #CBD5E1;
}