Hello there. I have a list of items for a store. In the list I want to increase the indent of the Reminding Reminder System bullet so it is kind of a sub category of Reminder. How would I do this in my css? Here is the code:
[code=html]<div id=”column_2″>
<div class=”column_headings”>
Client Communication Products
</div>
<div class=”section_headings”>
Sympathy Cards
</div>
<ul>
<li>Postcard, Tan Parchment</li>
<li>French-Fold,Blue Parchment</li>
</ul>
<div class=”section_headings”>
Postcards and Information Cards
</div>
<ul>
<li>Reminder</li>
<li id=”increased_indent”>Revolving Reminder System</li>
<li>Klient</li>
<li>Economy Reminder</li>
<li>Computer Reminder</li>
<li>Pet Ref Cards (Veterinary Referral)</li>
<li>Christmas</li>
</ul>
<div class=”section_headings”>
Educational Brochures
</div>
<ul>
<li>Groom-O-Gram</li>
<li>Display Holder</li>
<li>Learning to Brush Your Pet</li>
<li>Training Student Guide</li>
</ul>
<div class=”section_headings”>
Pet Release Forms
</div>
<ul>
<li>General</li>
<li>Fuzzy</li>
<li>Senior</li>
</ul>
<div class=”section_headings”>
Calendar Paws
</div>
<div class=”section_headings”>
Little Angel Awards
</div>
<div class=”section_headings”>
Gift Certificates
</div>
<div class=”section_headings”>
Posters
</div>
<div class=”section_headings”>
Super Sampler Packs
</div>
<div class=”section_headings”>
Groomers Club
</div>
<div class=”section_headings”>
Minit Money Maker Programs
</div>
<ul>
<li>K-9 Toothbrushing</li>
<li>Pup Potty Training</li>
<li>Whine & Dine</li>
<li>Shed-Less</li>
<li>Reduce Shedding</li>
</ul>
<div class=”section_headings”>
Counter Signs
</div>
<ul>
<li>Tipping</li>
<li>Flea Funeral</li>
<li>Emergency Contact Information</li>
</ul>
<div class=”section_headings”>
Specialty Items
</div>
<ul>
<li>Kanine Kookie Kutters</li>
<li>Display Holder,GroomOgrams</li>
<li>Grooming Caddy</li>
</ul>
</div>
CSS:
[CODE]/* CSS Document */
body{
background-color:#FFFFFF;
}
#wrapper{
width:720px;
height:auto;
margin-left:auto;
margin-right:auto;
}
#content_wrapper{
width:720px;
}
#header{
width:650px;
height:auto;
margin-left:auto;
margin-right:auto;
}
#column_1{
background-color:#B0CC99;
width:230px;
float:left;
height:1070px;
}
#column_2{
background-color:#F6E8B1;
width:230px;
margin-left:auto;
margin-right:auto;
height:1070px;
}
#column_3{
background-color:#B7CA79;
width:230px;
float:right;
height:1070px;
}
.column_headings{
font-family:Arial;
font-weight:bold;
font-size:18px;
text-transform:uppercase;
text-align:center;
background-color:#89725B;
color:#FFFFFF
}
.section_headings{
font-family:Arial;
font-size:16px;
font-weight:bold;
margin-bottom:5px;
margin-top:5px;
background-color:#677E52;
color:#FFFFFF;
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
}
#column_1 ul{
margin:10px;
padding:0px;
}
#column_1 li{
font-family:Arial;
font-size:12.5px;
margin-top:0px;
margin-left:10px;
}
#column_2 ul{
margin:10px;
padding:0px;
}
#column_2 li{
font-family:Arial;
font-size:12.5px;
margin-left:10px;
}
#column_3 ul{
margin:10px;
padding:0px;
}
#column_3 li{
font-family:Arial;
font-size:12.5px;
margin-left:10px;
}
#increased_indent li{
margin-left:20px;
}