Inheritence CSS and HTML

Post Reply New Topic

Hello! Can any of you guys help me with some inheritance "problems"?
---------------------------------------------------------------------------------------------------------------------------------

<h3 class="sitebe">What <i>will</i> this site be?</h3>
<p>Here's what I'll probably have on my site when it's finished:</p>
<ul>

<li>
Freeware
</li>
<li>
About Me
</li>
<li>
Blog
</li>
<li>
Photos
</li>
<li>
File Server
</li>
<li>
Mail Server
</li>
</ul>
------------------------------------------------------------------------------------------------------
I'm using some CSS for the class applied. But, the other's don't seem to be inheriting it. I can understand the ul inheritance and why it's not working, But, should the p element inherit from the h3? Or are the both block elements? Can somebody just help me do this code?

The p and ul are not child elements of that h3 so they will not inherit from it.

You want to set the class attribute on the parent element of everything right there (body maybe?).

I have another question. When I apply the class to the elements I want to select and make a box for them, the box is divided when shown with a border around it. Is there anyway to get one big box for all of the elements in the class?

Can you group them inside a div or span and put your border around that instead?