• There is NO official Otland's Discord server and NO official Otland's server list. The Otland's Staff does not manage any Discord server or server list. Moderators or administrator of any Discord server or server lists have NO connection to the Otland's Staff. Do not get scammed!
  • 2026 staff recruitment is open! Check it out and consider applying!

(ZnoteAcc) How to center the pages in the layout?

Heyron

Active Member
Joined
Mar 23, 2017
Messages
103
Solutions
1
Reaction score
43
Location
Brazil
Hello. Someone who understands websites knows how to respond to me, how do I leave the footer pages centered in the middle of the layout?

ZiPeP7P.png

Thank you.
 
Last edited:
Solution
Add to bottom of styles.css:
CSS:
nav ul#nav {
    display: table;
    width: 100%;
}

nav ul#nav > li {
    display: table-cell;
    float: none;
    text-align: right;
}

nav ul#nav > li li {
    text-align: left;
}

If you want things to be pixel perfect, learn to code CSS. :p
Add to bottom of styles.css:
CSS:
nav ul#nav {
    display: table;
    width: 100%;
}

nav ul#nav > li {
    display: table-cell;
    float: none;
    text-align: right;
}

nav ul#nav > li li {
    text-align: left;
}

If you want things to be pixel perfect, learn to code CSS. :p
 
Solution
Add to bottom of styles.css:
CSS:
nav ul#nav {
    display: table;
    width: 100%;
}

nav ul#nav > li {
    display: table-cell;
    float: none;
    text-align: right;
}

nav ul#nav > li li {
    text-align: left;
}

If you want things to be pixel perfect, learn to code CSS. :p

Again, thank you very much Znote.

And yes, I try to learn more about CSS, I even noticed that in this style.css file is the main basic settings of the site layout, but there are many codes. But soon I learn.
 
Back
Top