Centrer une ligne en CSS

Bonjour,
J'ai une question et la réponse est sûrement toute simple, seulement je ne la trouve pas.
Je souhaiterais mettre une ligne au centre avec mon CSS.

J'ai donc défini une classe comme ceci:
<div class="trait"></div>

Et rentré ceci dans ma page CSS:
.trait {
background-color: white;
height: 2pt;
width: 20%;
}

Je ne sais pas ce que je dois ajouter afin que ma ligne soit centrée.

Merci par avance.
Cordialement,
Laura.