Выровнять по правому краю первую строку внутри элемента span

Question

У меня есть промежуток, который находится внутри div фиксированной ширины.Область содержит текст, который может переноситься более чем на одну строку.

Моя проблема заключается в том, что я хочу, чтобы первая строка текста была выровнена по правому краю, а последующие строки (вызванные переносом по словам) автоматически выровнены по левому краю.с первой строкой.

Т.е.

    This is what I want to
    happen after a word
    wrap

    This is what I do NOT
           want to happen

Answer 1

Между вашим span и div добавьте еще один div с плавающей точкой: right.

Например:

<div style="width:200px">
  <div style="float:right">
    <span>This is what I want to happen after a word wrap</span>
  </div>
</div>

Не забудьте очистить ваши поплавки.