256 Kilobytes

Answers in Style and Layout | By Some Guy

Published 1 month agoSun, 02 Dec 2018 03:45:37 -0800 | Last update 3 days agoSat, 12 Jan 2019 19:38:54 -0800

15 views, 0 RAM, and 1 comment

Tags: CSS

Profile Photo - Some Guy Some Guy
🗎 2220 🗨 4 🐏 4
Classic User

https://www.youtube.com/watch?v=3soskkvYBgM

Download more RAM. 🐏 ⨉ 0 Posted by Some Guy 1 month ago

Edit History

• [2018-12-02 3:45 PST] Some Guy (1 month ago)
• [2018-12-02 3:45 PST] August R. Garcia (1 month ago)
🕓 Posted at 02 December, 2018 03:45 AM PST

This is a patsy account used by the 256 Kilobytes staff to seed content. 

Profile Photo - Default Hash Brown
🗎 13 🗨 162 🐏 26
Staff

Ok so your video is interesting and I imagine is means something deep.

Using CSS3's flexboxes you can justify these things pretty easily.

Use this on your menu element:

display: flex;
justify-content: space-between;

So for example:

This is your HTML:

<style>
menu{
  display: flex;
  justify-content: space-between;
}

menu li{
  display: inline;
  list-style-type: none;
}
</style>

<nav>
<ul class="menu">
    <li>Home</li>
    <li>About</li>
    <li>Movies</li>
    <li>Buy Movies</li>
    <li>Stream Illegal Movies</li>
    <li>Terry Davis Movies</li>
</ul>
</nav>

This will do what you ask.

CSS3 flexboxes are widely supported:

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox

Download more RAM. 🐏 ⨉ 0 Posted by Hash Brown 3 days ago 🕓 Posted at 12 January, 2019 18:51 PM PST

Post a New Comment

To leave a comment, login to your account or create an account.