There are 3 method to display two divs side by side
- Flexbox method
- Float method
- CSS grid method
Flexbox Method
With flexbox, we can use a more intuitive way of aligning our two div elements.
HTML:
<div class="flex-container">
<div class="flex-child magenta">
Flex Column 1
</div>
<div class="flex-child green">
Flex Column 2
</div>
</div>
CSS: