treehouse : what would you like to learn today?
Web Design Web Development iOS Development

[Solved] ul's li side by side

  • Hi,

    Below is my code, Here I want place maim li side by side.how can i do this.....?

  • If I understand correctly, you want each menu item to be next to each other horizontally across the page.

    There are a couple of ways of doing this.

    You can set the li items to 'display: inline-block' or 'float: left'.

  • Paulie_D is right. That will put all of your elements horizontally in a row. To hide the bullets that accompany any list, use the following.

      list-style-type: none;
    

    I only throw that in because I don't really see a need to keep bullet points unless you were trying to make multiple columns of bullets.

  • Thank You so much for your response .

    Pervez