Align 3 divs in a single row.

Question

how can i align 3 divs in a single horizontal row with equal width and height?

Answer 1

Don't use 'float', use <table> behaviour:

#my3divs {
display:table;
table-layout:fixed;
border-spacing:5px;
width:100%;
}
.my3cells {
display:table-cell;
width:33.33%;
}

<div id="my3divs">
<div class="my3cells">
<!-- ... -->
</div>
<div class="my3cells">
<!-- ... -->
</div>
<div class="my3cells">
<!-- ... -->
</div>
</div>

Another ways are to done it with 'Flex' ( not able to explain, except give link to references )... or to use possibily of auto-column text in css:
https://code.sololearn.com/WbCU8pf68o08/#css

Answer 2

thanks buddy