html - 影付きの 2 行のテキストの背景

Question

これは私が達成しようとしているものです:

しかし、コンテンツ全体で影を維持しながら、背景をテキストと同じくらい長くすることはできません...私はこれを取得します:

ご覧のとおり、2 つの影が作成されます...これは私のマークアップと CSS です。

<span class="interior_title">Samsung, HP Pop-Tops Do Double Duty <br>Rich Jaroslovsky</span>

span.interior_title{
    background: #c7c7c9;
    font-size: 50px;
    color: #2f2f31;
    width: 550px;
    font-family: 'chaletcomprime';
    margin: 0 auto;
    text-transform: uppercase;
    line-height: 47px;
    padding: 0px 15px;
    margin-left: 90px;
    -moz-box-shadow: 0 0 7px #000;
    -webkit-box-shadow: 0 0 7px #000;
    box-shadow: 0 0 7px #000;
}

それを行う方法についてのアイデアはありますか？