Как выровнять текст html

Имею:

Нужно получить:

Пробовал переписывать название с описанием в html блоке, но там не оказалось нужного шрифта. Так выглядит структура:

Дополнение:

<div class="site-branding__body"><h1 class="site-title">О рентгене</h1><p class="site-description">Сайт о рентгене и аппаратной диагностике</p></div></div>

Дополнение 2:

   echo '<div class="site-branding__body">';

    if ( ! $wpshop_core->get_option( 'header_hide_title' ) ) {
        echo '<' . $site_title_tag . ' class="site-title">' . $site_title_text . '</' . $site_title_tag . '>';
    }
    if ( ( $description || is_customize_preview() ) && ! $wpshop_core->get_option( 'header_hide_description' ) ) {
        echo '<p class="site-description">' . $description . '</p>';
    }

    echo '</div>';