insert Separator in drop-down Select?

Hi aMembers!

I have a Product List with A LOT of products. I was wondering if anyone knew a clever way to insert a Separator Line to organize products?

Example Dropdown:

** Select Product **
Hosting 1-Year ($100)
Hosting 2-Year ($200)
Hosting 3-Year ($300)
-------------------------- <--Separator
Design 40-Hours ($100)
Design 80-Hours ($200)
-------------------------- <--Separator
Consult 40-Hours ($100)
Consult 80-Hours ($200)


Thank you!

This is the best way to do it:

Code:

<select>
<optgroup label="Hosting Services">
<option value="1.year.hosting">Hosting 1-Year ($100)</option>
<option value="2.year.hosting">Hosting 2-Year ($200)</option>
<option value="3.year.hosting">Hosting 3-Year ($300)</option>
</optgroup>
<optgroup label="Design Services">
<option value="40.hours.design">Design 40-Hours ($100)</option>
<option value="80.hours.design">Design 80-Hours ($200)</option>
</optgroup>
</select>

etc...

You will then need to use css to style the label differently to the other options.

May I ask why you are offering web design / consultancy services when you don't know basic html?