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

[SOLVED] Unordered List Styling

  • 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!
  • 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:

    <ul class=\"paragraph_style\">
    <li>long text here...</li>
    <li>long text here...</li>
    </ul>


    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.
  • 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? :/
  • So you want to place them all in a row? You could use display:inline on your <li>s.
  • Yeah, display:inline the list just like you would to a horizontal list nav