Smaller Than Container Width

Scroll down, below Exclusive Offers, are four tall rectangles. I want the entire div to be smaller than the standard width of the other sections. To achieve the orange background I’m using padding but I should use a background color instead.

Whats the best way to achieve these four containers?

Here’s my CSS:

#av_section_4 .av_one_fourth {
	margin-left: 0;
	left: 9%;
	background: #d88d2a;
	padding: 5px;
}
#av_section_4 .av-image-caption-overlay {
	text-align: left;
}
#av_section_4 .av-image-caption-overlay-center {
	padding: 0;
}
#av_section_4 .av-image-caption-overlay-position {
	transform: rotate(-90deg);
	position: absolute;
	bottom: -18%;
	right: 43%;
}