Titre souligné

Bonjour à tous,

Je ne suis pas débutant en HTML5/CSS3 mais j'avoue que la je suis bloqué.

Mon code :

        .block_header
        {
            margin-left: 2px;
            border-bottom: 1px solid white;
            text-align: left;
            margin-top: 2px; 
            font-weight: bold;
        }
        .block
        {
            background: #112E4E;
            height: 500px;
            border: 7px solid white;
            margin-bottom: 10px;
        }

La classe "block" est appliqué sur une div et la classe "block_header" sur un paragraphe (à l'interieur de cette div).

Mon problème :

Mon problème c'est que la bordure qui est dans la classe "border_header" prend elle aussi la marge à gauche de 2px. Comment faire pour utilisé cette methode (je ne veux pas de <hr/> ou autre code de ce style) sans que la bordure prenne les 2px à gauche ?

Merci d'avance.

Gofast77