HTML CSS
(a quick guide)
<div class="demo"> <div>First</div> <div>Second</div> </div>
.demo { display: flex; }
.demo { display: grid; grid-template-columns: auto auto; }
.demo { display: table; } .demo > * { display: table-cell; }
.demo > * { display: inline-block; }
CLEARFIX CONTAINER .demo { overflow: auto; } .demo::after { content: ""; clear: both; display: table; } FLOAT ITEMS .demo > * { float: left; }