<!DOCTYPE html>
<html>
<head>
<title>The column-gap property in CSS</title>
<style type="text/css">
#flexbox {
display: grid;
height: 100px;
column-gap: 20px;
}
#flexbox > div {
border: 4px solid deeppink;
background-color: skyblue;
flex: grid;
}
</style>
</head>
<body>
<div id="flexbox">
<div></div>
<div></div>
<div></div>
</div>
</body>
</html>