Существует вот такой вот финт:
<!DOCTYPE html>
<meta charset="utf-8" />
<style>
.top {
display: table-row-group;
}
.bottom {
display: table-footer-group;
}
</style>
<div class="bottom">Этот текст в коде идет первым, но отобразится внизу</div>
<div class="top">Этот текст в коде идет вторым, но отобразится вверху</div>
Честно говоря, на практике не применял.