javascript - span タグの使用時に p タグ内のスペースを取り除く

Question

p タグ内のテキストのすぐ下にスパンを移動するにはどうすればよいですか

ここにフィドルがあります

http://jsfiddle.net/bobbyfrancisjoseph/H4U7r/

ここにもHTMLコードを貼り付けています

<p class="now-p" style="color:#000;">IN THEATERS NOW
    <br>
<span style="font-size:13px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Trailers,Songs,Ratings,Reviews & Comments</span>

    </br>
</p>

CSSは以下の通りです。

.now-p {
    padding-bottom:10px;
    margin-bottom: 0px;
    color:#91979e;
    text-align:left;
    font-size:36px;
    font-weight:bold;
}

出力を次のようにしようとしています。

                  IN THEATERS NOW 
     Trailers,Songs,Ratings,Reviews & Comments

IN THEATERS NOW の後にスペースがあります。私はそれを取り除くことができません

Answer 1

ブレーク タグを削除して、これを CSS に追加してみてください。

.now-p span{
    display:block;
    font-size:13px;
}

Answer 2

CSS を使用するline-height

.now-p {
    line-height: 15px;
}