Grow your CSS skills. Land your dream job.

[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:

    Code:
    • long text here…
    • long text here…

    and CSS styling:

    Code:
    .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.

*May or may not contain any actual "CSS" or "Tricks".