Possible to somehow override a container's padding?

Question

I could be way overthinking this but I'm working with Wordpress for the first time and getting used to everything is giving me a major headache.

Basically, I have a container div. I'm lazy and put a 10px padding. But for the theme I'm trying to create, I have a couple of divs that I want to span the entire container, without the padding.

Here's a picture example:

Is there a way to bypass the container div's settings so this one bar won't be padded?

Answer 1

You can add negative margins on the divs that should span the entire container:

div { margin-right: -10px; margin-left: -10px; }

Answer 2

Negative margins are your friend here.

.wide-child{
    margin: 0 -10px;
}

fiddle