Template:Centered headers/styles.css

/* hide the edit section button */
h2 .mw-editsection,
h3 .mw-editsection {
	display: none;
}

h2 .mw-headline,
h3 .mw-headline {
	/* make this a flexbox */
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: var(--space-md);
	/* typography for header */
	text-align: center;
	font-weight: bold;
	/* only shrink */
	flex: 0 1 auto;
}

/* solid line around h2 */
h2 .mw-headline::before,
h2 .mw-headline::after {
	content: '';
	border-top: 1px solid var(--color-emphasized);
}

/* dashed line around h3 */
h3 .mw-headline::before,
h3 .mw-headline::after {
	content: '';
	border-top: 1px dashed var(--color-emphasized);
}

h2 .mw-headline {
	font-size: var(--font-size-xxx-large);
}

h3 .mw-headline {
	font-size: var(--font-size-x-large);
}

/* lines around h2, h3 */
h2 .mw-headline::before,
h2 .mw-headline::after,
h3 .mw-headline::before,
h3 .mw-headline::after {
	/* only grow, minimum 2rem */
	flex: 1 0 2rem;
}

h2 .mw-headline::before,
h3 .mw-headline::before {
	margin-right: auto;
}

h2 .mw-headline::after,
h3 .mw-headline::after {
	margin-left: auto;
}