Skip to content

Instantly share code, notes, and snippets.

<ul class="container">
<li>element 1</li><li>
element 2</li><li>
element 3</li><li>
element 4</li>
</ul>
<div class="container">
<div>element 1</div><div>
element 2</div><div>
element 3</div><div>
element 4</div>
</div>
.container{
width: 50%;
margin: auto;
background-color: black;
>div{
display: inline-block;
width: calc(100%/4);
height: 100px;
<div class="container">
<div>element 1</div>
<div>element 2</div>
<div>element 3</div>
<div>element 4</div>
</div>
<div class="container">
<div>element 1</div>
<div>element 2</div>
<div>element 3</div>
<div>element 4</div>
</div>