Treehouse: Grow your CSS skills. Land your dream job.

Navigation inline bullets two lines…possible?

  • # July 24, 2010 at 1:48 am

    The navigation for the website that I’m currently working on consists of two lines. For example:

    Instead of
    Birthday Parties

    it would be


    Now I usually use inline bullets to arrange my navigation menus, but usually the navigation options consist of just one word, and if it’s two it’s usually on the same line.

    However, when I use inline bullets and use the <br> tag, the whole navigation goes bonkers. Any idea? Is it even possible to create two lines in inline bullets?

    Here’s what I’m talking about:

    And this is what it’s supposed to look like:


    # July 24, 2010 at 1:55 am

    It’s perfectly acceptable to have a line break in a listed item. The problem you’re encountering is simply that you don’t have the proper CSS going on in your stylesheet to support something like that.

    You should have your listed items floated to the left, each with a set width (not 100%). Try that and you’ll see them starting to line up properly.

    Cheers! And welcome to the forum!

    # July 24, 2010 at 8:50 am

    Thanks doc!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.