Я строю горизонтальное меню в HTML + CSS. С текущим результатом все в порядке, за исключением того, что я хочу, чтобы некоторые элементы были слева, а другие - справа. Я не смог найти полезного результата в Google с такими общими ключевыми словами, поэтому я спрашиваю об этом.
Вот мой код:
#menu
{
background-color: #383838;
height: 65px;
margin-bottom: 20px;
}
#menu ul li
{
float: left;
}
<div id="menu">
<ul>
<li>Link 1</li>
<li>Link 2</li>
<li>Link 3</li>
</ul>
</div>
Я бы хотел, чтобы ссылка 3 находилась справа, поэтому пространство между ссылками 2 и 3 должно быть заполнено максимально. Я не хочу заполнять тег <li>, но вместо этого применяю класс к последнему <li> слева или первому <li> справа. Не хочу регулировать ширину, так как у меня есть: hover изменение цвета фона на ссылках. Я полагаю, маржа или отступ должны помочь, но я не могу найти, как.
Любая подсказка?