文字列を改行した際に空白が入り込まないようにする方法

Question

pタグに記載した文字列を途中で改行した場合に、ブラウザでの表示では１文字空白が空いてしまいますが、幅いっぱいに文字列が埋まるまでは、改行した場合であっても空白を挟まないようにしたいと考えています。

 <div class="content">
<p>
  Hello WorldHello WorldHello WorldHello Wor
  ld
</p>
</div>

.content{
  width:700px;
}

こちらのコードの場合ですと、pタグ1行目の末尾の「wor」と「ld」の間に１文字分の空白が空いた状態になってしまいます。
jsfiddleでの表示は以下の通りです。

実際にブラウザに表示させる形としては、下記の形にしたいです。

こちらの解決方法につきまして、どなたかご助言頂けましたら幸いです。

Comments

[kuma_kuma_]

<P>タグではなく<br>タグを使われては？

[m.ts10806]

テスト的な文言ではなく実際の文言に近いもののほうが良いです。
改行コードと改行タグでは意味が違うので「コード上の改行の制御」はHTMLでは仕様なのでどうしようもありませんが。

[m.ts10806]

現象改善と仰いますが仕様なので不具合でも何でもありません。（表現は気を付けたほうが良いです。他者のせいにしてもそういう仕様のコードを書いている以上、自身のせいです）

Answer 1

仕様なので基本的には空白が挟まれてしまうと思いますが、以下のように改行と空白をコメントアウトしてしまえば一応Worldという繋がった表示になります。

<p>
  Hello WorldHello WorldHello WorldHello Wor<!--
  -->ld
</p>

Comments

[study_111]

ご回答ありがとうございます。
改行と空白をコメントアウトするという方法もあるのですね。
参考にさせて頂きます。

Answer 2

そこに改行を入れなければいいのでは。
あるいは、どうしても改行を入れなければならないと言うなら、単語の区切り（スペースが挟まってるところ）に改行を入れるとか。