[SOLVED] Unordered List Styling

[crewsd]

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!

[falkencreative]

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.

[crewsd]

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? :/

[falkencreative]

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

[vincent]

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

[Author]

Posts