Марка Navbar на левой стороне. Навбар справа
Я пытаюсь расположить навигационную панель под левой стороной, изменить шрифт и размер, и текст должен быть интерактивным, а навигация - правой. я пытался добавить div или id класса, и я не могу заставить его работать.
Я попытался поместить это в li, но я не знаю, если это имеет значение, так как мне нужно классифицировать правильный navbar, чтобы я мог активно стилизовать его.
html {
max-width: 1024px;
min-width: 320px;
}
body {
max-width: 1024px;
min-width: 320px;
margin-left: auto;
margin-right: auto;
font-family: arial;
}
/*Navbar*/
/* Add a black background color to the top navigation */
.logo {
padding-top: 10px;
}
.topnav {
padding-top: 10px;
padding-bottom: 10px;
}
/* Style the links inside the navigation bar */
.topnav a {
font-family: 'Roboto Condensed', sans-serif;
list-style-type: none;
text-align: center;
display: inline;
font-size: 17px;
text-decoration: none;
color: #1d1d1d;
padding: 10px;
}
/* Change the color of links on hover */
.topnav a:hover {
color: red;
}
/* Add a color to the active/current link */
.topnav a.active {
color: red;
}
/* Right-aligned section inside the top navigation */
.topnav-right {
float: right;
}
/*Navbar end*/ <body>
<!--Header-->
<header>
<!--Logo-->
<div class="topnav">
<div class="topnav-right">
<a href="selectTopic?html" class="topic">HTML 5</a>
<a class="active" href="#home">Home</a>
<a href="#search">Blog</a>
<a href="#search">About</a>
<a href="#search">FAQ</a>
<a href="#about">Contact</a>
</div>
</div>
</div>
</header>