How to space out list items

How to space out list items

I am unable to get my nav to sit the way I like, the header is fine but ul just won't sit right.

I am unable to get my nav to sit the way I like, the header is fine but ul just won't sit right.

.nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

nav ul { margin: 0; padding: 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; }

nav ul li { list-style: none; position: relative; } <div class="nav"> <h2>hackeryou</h2> <nav> <ul> <li>Home</li> <li>About</li> <li>Contact</li> <li>Bootcamp</li> <li>Part-Time</li> </ul> </nav> </div>


I expect the h2 to stay left but I want everything else to move be more spaced out on the right.

Angular 9 Tutorial: Learn to Build a CRUD Angular App Quickly

What's new in Bootstrap 5 and when Bootstrap 5 release date?

Brave, Chrome, Firefox, Opera or Edge: Which is Better and Faster?

How to Build Progressive Web Apps (PWA) using Angular 9

What is new features in Javascript ES2020 ECMAScript 2020

HTML 5 Tutorial: How to create a table using HTML tags and Stylesheet (CSS)

In this article, we want to show you how to create a table using HTML tags and Stylesheet (CSS). HTML table may vary depends on data and style requirements. Sometimes, in the real application, we use an HTML table as a layout of the Email template in HTML format.

Introduction To HTML & CSS: Web Development For Beginners

Introduction To HTML & CSS: Web Development For Beginners - Complete HTML & CSS web developer bootcamp. Learn & practice website design using HTML5 & CSS3 web development resources

How to performance Improve of HTML and CSS

There are a variety of ways you can improve your HTML and CSS performance, Follow each step and it can help you