I have looked at samples, tutorials, references, you name it, and can't figure out why there is the extra space below RELATED ITEMS. My goal is to have the same space between RELATED ITEMS as there is between the two links. Any insight?
The HTML for this is:
<div class="module_related">
<div>
<div>
<div>
<h3>Related Items</h3>
<ul>
<li>
<a href="terms.html">Terms Of Service</a>
</li>
<li>
<a href="leadership.html">Community Leadership</a>
</li>
</ul>
</div>
</div>
</div>
</div>
The CSS used is:
/* RELATED MODULE */
div.module_related a
{
color: #000099;
text-decoration: none;
border-bottom: none;
}
div.module_related h3
{
font-size: 76%;
border-bottom: 1px solid #cccccc;
color: #000099;
padding: 3px 0px 3px 0px;
text-transform: uppercase;
}
div.module_related li
{
font-size: 76%;
border-bottom: 1px solid #cccccc;
color: #000099;
text-transform: capitalize;
list-style-type: none;
margin-left: 0px;
padding: 3px 0px 3px 0px;
}
div.module_related ul
{
list-style: none;
margin: 0px;
padding-left: 0px;
}
Thanks in advance for any help you can offer!
The HTML for this is:
Code:
<div class="module_related">
<div>
<div>
<div>
<h3>Related Items</h3>
<ul>
<li>
<a href="terms.html">Terms Of Service</a>
</li>
<li>
<a href="leadership.html">Community Leadership</a>
</li>
</ul>
</div>
</div>
</div>
</div>
The CSS used is:
Code:
/* RELATED MODULE */
div.module_related a
{
color: #000099;
text-decoration: none;
border-bottom: none;
}
div.module_related h3
{
font-size: 76%;
border-bottom: 1px solid #cccccc;
color: #000099;
padding: 3px 0px 3px 0px;
text-transform: uppercase;
}
div.module_related li
{
font-size: 76%;
border-bottom: 1px solid #cccccc;
color: #000099;
text-transform: capitalize;
list-style-type: none;
margin-left: 0px;
padding: 3px 0px 3px 0px;
}
div.module_related ul
{
list-style: none;
margin: 0px;
padding-left: 0px;
}
Thanks in advance for any help you can offer!