Марка Navbar на левой стороне.Навбар справа - PullRequest
Новая
       37

Марка Navbar на левой стороне.Навбар справа

0 голосов
/ 22 ноября 2018

Я пытаюсь расположить марку навигационной панели слева, изменить шрифт и размер, и текст должен быть интерактивным, а навигация - справа.я пытался добавить div или id класса, и я не могу заставить его работать.

Я пытался поместить его в li, но я не знаю, имеет ли это значение, так как мне нужно правильно классифицироватьНавбар, поэтому я могу активно стилизовать его.

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>
...