JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wp">
    <div class="wp_list">
        <div class="a">a</div>
        <div class="b">b</div>
        <div class="c">c</div>
    </div>
    <div class="wp_list">
        <div class="a">a</div>
        <div class="b">b</div>
        <div class="c">c</div>
    </div>
</div>

CSS

.wp{
    background-color: blue;
    position: absolute;
    margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
    width: 450px;
}
.wp_list{
    background-color: red;
    margin: 10px;
	height: 130px;
    position:relative;
}
.a, .b, .c{
    background-color: gray;
}
.a{
    width: 220px;
	height: 30px;
    margin: 10px;
}
.b{
    width: 220px;
	height: 100px;
    margin: 10px;
}
.c{
    width: 130px;
	height: 130px;
    top:0;
    right:0;
    position:absolute;
}