JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Задачка по CSS</title>
</head>

<body>

    <div class="ourwidth">
<div class="a1"><div class="a2">sad</div></div>
<div class="a1"><div class="a2">asd</div></div>
<div class="a1"><div class="a2">das</div></div>
<div class="a1"><div class="a2">dsa</div></div>
</div>
    
</body>
</html>

CSS

body {
overflow:hidden;
}
.a1 {
float:left;
margin:0px;
padding:0px;
width:25%;
}
.a2 {
margin-right:30px;
    border:1px solid red;
    height:60px;
}
.ourwidth {
margin-right:-30px;
}