Can't get Nav to go inline

[Smir]

can’t get the nav in overwolf to go inline. i like the style of it, thats why i don’t really want to remove it all i must be missing something.

heres the default css code http://pastebin.com/5GGQHjAj

and im using the follow code in html

    <div>
        <ul>
            <li>
                <a href="index.html">Window Properties</a>
</li>
   <li id="developers-guide_Button">
             <a href="testpd.html">Games API</a></li>

        <li id="developers-media_Button">
             <a href="media.html">CL PD Computer</a></li>
    </ul>
</div>

[Paulie_D]

Can you put something in Codepen but from what I can see you haven’t done anything to make the list items horizontal. Either float them or use display:inline-block.

[Smir]

thats the orignal css i have tried adding float left display: inline-block but still can’t get it to work, just wondering which one to edit? i’ve edited all of the ones linked to leftnav.

thanks Paulie

[Paulie_D]

Can you put something in Codepen?

Or at least an image as to how it’s supposed to look?

Never mind: http://codepen.io/anon/pen/FipLB

You had a fixed width on the #LeftNav….that was stopping everything from lining up.

[Author]

Posts