Как сделать, чтобы одна ссылка или часть текста находилась слева строки, а другая справа? | HTML и CSS

Статья-ответ на комментарий читателя.

Вот что должно получиться:

Существует несколько способов реализации, например, с помощью position: absolute;. Но наиболее подходящим я считаю этот (в нём минимум HTML, пригоден для резиновой вёрстки, ссылки разбегаются по углам):

<style>
#raz { overflow: hidden; } /* убирать действие float */ 
#raz a:nth-of-type(1) { float: left; }
#raz a:nth-of-type(2) { float: right; }
</style>

<div id="raz"><a href="#">Назад</a><a href="#">Вперёд</a></div>
в f t
наверх ↑

4 комментария:

Анонимный
А можно так что бы это не ссылки были? А просто текст?
NMitra
<div id="raz"><span>Текст слева</span><span>Текст справа</span></div>
Amoor
при этом для span нужно поправить:
#raz span:nth-of-type(1) { float: left; }
#raz span:nth-of-type(2) { float: right; }
NMitra
Да, вы абсолютно правы, проморгала!