Trennung von Inhalt und Design

[Gerhard]

Hallo,
ich möchte die Überschrift unterschiedlich vom darüberliegenden Text absetzen.
Dies habe ich bisher gemacht mit

<h2 style="margin-top: 1rem;">Überschrift</h2>

Wie trenne ich nun korrekt Inhalt und Design?

<br>
<h2>Überschrift</h2>

oder mehrere Klassen für h2 in css oder ?