Что я сделал, я размещал & nbsp много раз, но когда вы меняете размер окна, кнопка выхода не остается. Как вы делаете кнопка выхода из системы остается в самой правой части навигационной панели, кроме кода & nbsp? БлагодаряHTML CSS - кнопка выхода из самой правой части панели навигации
Try This
<!DOCTYPE html>
<html>
<head>
<style>
div.horizontal ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
div.horizontal {
width: 100%;
height: 30px;
background-color: #98BF21;
}
div.horizontal li {
float: left;
}
div.horizontal a:link, div.horizontal a:visited {
font-weight: bold;
color: #FFF;
background-color: #98BF21;
text-align: center;
padding: 4px;
text-decoration: none;
text-transform: uppercase;
}
div.horizontal a {
display: block;
width: 100px;
}
li.last
{
float:right !important;
}
</style>
</head>
<body>
<div class="horizontal">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Articles</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">About</a></li>
<li class="last"><a href="#">Logout</a></li>
</ul>
</div>
</body>
</html>
Нет веской причины добавлять класс последним к последнему элементу li. CSS имеет псевдокласс для этого, вместо этого вы должны использовать last-child, поэтому: ul li: last-child –
Вы просто не использовать '' . Используйте 'margin' или' float'. Удалите « ». Плохо –
можете ли вы включить свой html и css в свой вопрос? – bot
Использование & nbsp всегда будет добавлять пустое пространство независимо от размера окна. Если вы хотите, чтобы кнопка выхода осталась вправо, вы можете использовать float: right или marrgin, чтобы сохранить позицию независимо от размера окна. –