The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

[SOLVED] Unordered List Styling

  • # August 6, 2009 at 9:46 pm

    Hi –

    I’ve been asked to make an unordered list into a paragraph with the bullets before each point like they would be in a list, but in paragraph form. I really am not sure how to do this…could somebody help? Thanks a ton!

    # August 7, 2009 at 12:59 am

    It should be as simple as adding a bit of padding below each list item, correct? Basically, you’ll just need to do some CSS styling to the list items. For example:

    • long text here…
    • long text here…

    and CSS styling:

    .paragraph_style li { padding-bottom: 16px; }

    If you also need to indent the first line of each list item, you would use "text-indent" for that.

    # August 7, 2009 at 10:08 pm

    No – that’s not what I meant.

    I want it to be like this:
    *dot* Here is the first bullet *dot* Here is the second bullet *dot* Here is the third bullet

    Does that make sense now? :/

    # August 7, 2009 at 10:13 pm

    So you want to place them all in a row? You could use display:inline on your <li>s.

    # August 7, 2009 at 10:15 pm

    Yeah, display:inline the list just like you would to a horizontal list nav

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed