I have a class: .containter with 2 boxes .box & .box2: <div class=containter> <div class=box> <p> I need to make the p display inline, but I need to put it in the container class because there are other div elements inside it that need the inline <p>. So I need the p of .box when it is inside .container to display inline and not display inline if .box2 is inside .container Is that possible? I can't put the display inline in the .box because there are other p div elements. So something like .container box p I hope that makes sense. thanks.
.container p { display: inline; } .container .box p, .container .box2 p { display: block; (the default for p's) } Does that make sense? <div class="container"> (yesh, use quotes for values) <p>this p is inline</p> <p>inline peeeeee</p> <div class="box"> <p>block</p> stuff </div> <p>peeee is inline!</p> <div class="box2"> <p>blockitty blockitty</p> </div> <p>inline</p> </div> etc.