Break element out of container

Question

I have all my content wrapped in a container element with a fixed width.

But I have a

that I want to \"break out\" of that container to span the

Answer 1

You could use negative margins to achieve this.

.wrapper {
    width:300px;
    margin:0 auto;
}
.break {
    width: 600px;
    margin-left:-150px;
}

The only problem is that you would need to specify the width of both elements.

EDIT: voodoo417's solution would be better...