Подскажите как поменять местами строки

[sergei8550]

Есть такой код 
<div>
  <span>Text 1</span>
  <span>Text 2</span>
  <span>Text 3</span>
</div>
 Как поменять первый и второй <span> местами не используя js и не трогая html? 
Использовать floatы нельзя, с помощью position:absolute на span:nth-child(2) тоже нельзя. 
Какие еще есть способы? Гугл молчит как партизан.

Edited March 18, 2017 by sergei8550

[Igor Schnaider]

display: flex + order

[Endorphin]

На webref.ru прочитайте в справочнике про свойство order. Сори за повторение, конкретизировал где поискать

[sergei8550]

Спасибо огромное. Помогло.