<div class="box-set"> <figure class="box box-1">Блок 1</figure> <figure class="box box-2">Блок 2</figure> <figure class="box box-3">Блок 3</figure> <figure class="box box-4">Блок 4</figure> </div>
body { color: #fff; font: 600 14px/24px "Open Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", Sans-Serif; } .box-set, .box { border-radius: 6px; } .box-set { background: #eaeaed; height: 200px; position: relative; } .box { background: #2db34a; height: 80px; line-height: 80px; position: absolute; text-align: center; width: 80px; } .box-1 { top: 6%; left: 2%; } .box-2 { top: 0; right: -40px; } .box-3 { bottom: -10px; right: 20px; } .box-4 { bottom: 0; }