View Single Post
  #2 (permalink)  
Old July 2nd, 2019, 06:17 PM
ghanendra-yadav ghanendra-yadav is offline
Registered User
Points: 6, Level: 1
Points: 6, Level: 1 Points: 6, Level: 1 Points: 6, Level: 1
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
 
Join Date: Jul 2019
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Default

Just change in CSS parent class display: flex and then justify-content: space-between or justify-content: space-around.

Example:

HTML

Code:
<ul class="Menus-Class">
    <li>About</li>
    <li>Contact</li>
    <li>Contact Longer Link</li>
    <li>Contact</li>
</ul>
CSS

Code:
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.Menus-Class {
    display: flex;
    justify-content: space-between;
}
Reply With Quote