Question

I don’t know if i am explaining it in right but i have a div with a certain class.
Inside the div I have a ul with an id – I am trying to style that ul.

This will demonstrate it better:

<div class="parent">
     <ul id="child">
          <li>
          </li>
     </ul>
</div>

<style type="text/css" media="screen">
.parent #child li{float:left;}
.parent #child{margin-bottom:54px;}
</style>

The above will not work i cant find the correct way of doing so. i tried .parent > #child and its still doesnt work.

Thanks in advanced.

Answer 1

Now define your child overflow:hidden

as like this

.parent #child{overflow:hidden;}

Live Demo