<div style="text-align: center; animation: 2s linear infinite spin">π</div>
π
<div style="text-align: center; animation: 6s linear infinite spin; transform: translatex(100%)">π</div>
π
Hmmmmmm that's not quite right, it disappears in the middle! Maybe we should try left-aligning it again.