html - 段落の最後で折り返すアンカータグを取得しますか？

Question

私はその最後に次のようなリンクがある段落を持っています：

<p>Some text, blah blah blah</p>
<a href="#">... read more</a>

これにより、次のようにレンダリングされます。

いくつかのテキスト、何とか何とか何とか

... 続きを読む

私がそれをそのようにレンダリングしたいことを除いて：

いくつかのテキスト、何とか何とか何とか...続きを読む

段落内にリンクを配置せずにこれを行う方法はありますか？私は数分間頭を悩ませ、いくつかのことを試みましたが、どこにも行き着きません。

Answer 1

あなたは言うために少しcssを使うことができます：

p, a { display: inline; }

Answer 2

段落要素の上書きを作成し、標準スタイルを変更します

p {diplay: block;}

に

p { display: inline-block; }

こちらのリンクを参照してください：http：//jsfiddle.net/SGAy3/ </ p>

Answer 3

または

p {float: left;}
a {display: inline-block;}

display:inline-blockテキストリンクが折り返されないようにするためです

Answer 4

aタグとタグにfloat：leftを貼りp付けます。

だからそれは

p,a{float:left}