Designers - some help with CSS

[donnie]

I am trying to make my titles with h2 tag a bit nicer and I want to have a dot before any text. Something like this:

• Hello

In my CSS I have this:

h2
{
font-family: Times New Roman, serif;
font-size: $theme_headline_size_large;
letter-spacing: -1px;
margin-bottom: 10px;
color: #ffffff;
text-transform : capitalize;
font-weight: normal;
}

Is it possible to add something so I get that dot before the text? And to make it even more complicated I would like the dot to be of a different color than rest if the text

[AaronM]

http://lmgtfy.com/?q=css+bullet+point

[UniqueD]

you could put the h2 inside an unordered list
<ul>
<li>
<H2>HEYOO</h2>
</li>
</ul>

[The Truth Hurts]

h2:before {content: "? ";}

[MetaMan]

put the colored bullet point as an image. then move the text over with left padding. then possiton the bullet point in the vertical of the text.

[The Truth Hurts]

to change the color.. which i missed.

h1:before {color:red; content: "• ";}

[Overload]

h2:before {content: "? ";}

ehh, shudnt that be

h2:before {content: "· ";}

???

[donnie]

to change the color.. which i missed.

h1:before {color:red; content: "? ";}

Taht worked great! Thank you so much for this!

[V_RocKs]

I saw this coming...

[The Truth Hurts]

ehh, shudnt that be

h2:before {content: "· ";}

???

that would just show &middot; literally..

alternative to using the • and a space in there would be

content: "\2022\A0";