javascript - jquery/JS/CSSを使用して、文に単語を追加して、文が単語ごとに押し上げられるようにする方法

Question

左から右に移動する代わりに、文を追加して、上に押しながら右から左に移動したいと思います。私の更新されたフィドルをチェックしてください;）...

                                      <-- Essentially I want the words to just get pu
-shed in this direction <------------------------------------------------------------
------- <-- as I continue to append more and more words to the end of this #span. Like 
a screw just being unscrewed...?   

Answer 1

div段落内で要素を使用できます。にはまたは がdiv必要ですwidthleft-margin

http://jsfiddle.net/wmqFL/3/のようになります。必要に応じて、div動的に作成できます。

Answer 2

これを p(CSS) に追加するだけです:-

p {
    text-align:right;
}

HTML:-

<button id="Append">Add Text</button>

<p>This is a paragraph</p>

JQUERY:-

$(document).ready(function(){
  $("#Append").click(function(){
    $("p").append("<span> Word </span>");
  });
});

このフィドルをチェック