Как сделать многострочную анимацию в блоке?

Question

[BB 8]

Есть вот такая структура:

<li>
  <div class="block1">blocks</div>
  <div class="block2">SomeText</div>
</li>

И вот такие стили:

li
  height: 59px
div
  height: 13px
.main
  height: 27px
  overflow: hidden

Получается так, что размер шрифта позволяет внутри второго блока сделать 2 линии текста!

Вопрос: Как сделать анимацию текста так, чтобы все двигалось в направлении начала текста, там же исчезало и появлялось в самом конце и такое поведение было циклическим, HOW ??? :)

Comments

[Андрей]

Какой размер шрифта раз в блоке с высотой 13px можно уместить две строки текста (мы же про div'ы говорим)? Зачем нам нужны стили класса main если в html они не используются?
И еще вопрос, кто должен двигаться? Направление начала текста это где?

[BB 8]

Андрей: первый блок без строк. речь идем о втором

[Андрей]

BB 8: Ты обладаешь удивительной способностью, выборочно отвечать на вопросы. Все-равно ничего не ясно из твоего ответа. Может кто-то другой сможет тебе помочь, может я тупой.

[BB 8]

Андрей: фаааак, только что заметил, что вместо класса .main должен стоять .block2. Писал с телефона и не было возможности залить на фиддл полный код, поэтому писал максимально сокращённо :/