I realize one can specify a custom graphic to be a replacement bullet character, using CSS attribute:
list-style-image
And then giving it a URL.
However, in my case, I just want to use the '+' symbol. I don't want to have to create a graphic for that and then point to it. I'd rather just instruct the unordered list to use a plus symbol as the bullet symbol.
Can this be done or am I forced to make it a graphic first?
This is a late answer, but I just came across this... To get the indenting correct on any lines that wrap, try it this way:
My solution uses positioning to get wrapped lines automatically line up correctly. So you don't have to worry about setting padding-right on the li:before.
So many solutions.
But I still think there is room for improvement.
Advantages:
(no absolute pixel values contained)
(no slight shift between first line and following lines)
I prefer to use negative margin, gives you more control
It's advisable to qualify the styling of the
<li>
so it does not affect<ol>
list items. So: