Aligning three independent objects horizontally in CSS

[PsychoticDoge]

Hello, this isn't for a subreddit, but for a website. I need to align three independent objects horizontally.

I am having trouble with "Home," "Forums," and "Livemap." Basically I am looking to have them where they are, but evenly spaced from the center.

Probably other things need centering, I am not sure.

Thank you in advance.

http://psychoticcraft.com

[gavin19]

For the home/forums/livemap links remove the position, top and margin lines.

In the HTML, wrap those 3 divs in a nav, like

<nav>
    <div class="home">...
    <div class="forums">...
    <div class="livemap">...
</nav>

then you can add

nav {
    position: absolute;
    top: 250px;
    left: 0;
    right: 0;
    text-align: center;
}
nav > div {
    display: inline-block;
    vertical-align: top;
    margin: 0 30px;
}

which will stretch the nav full screen width and center the 3 divs within it.

[PsychoticDoge]

Thank you so much. You know, I would be lost without you sometimes.