I have looked around Stack Overflow for an answer to my problem, but nothing seems to work. I am trying to create a horizontal navbar for my site. I have made one before, so I just copied the CSS and HTML code over, but it didn't work. I tried coding it again by hand, and using float: left and display: inline-block but still no luck.
HTML：
<div class='navbar'>
<p class="active"><a href="index.html">Home</a></p>
<p><a href="explore.html">Explore</a></p>
</div>
CSS：
.navbar a {
display: inline-block;
}
You do not need the paragraph (
<p>) tags, those are only for actual paragraphs, that would need to have line separations between them. If you are just creating buttons on the same line, you do not need them.例：
use the
flexfor navbar style, for example, try follow code:此代码从左到右排列元素并设置垂直对齐的中心。