How To Show Two Div Side By Side Code Example


Example 1: how to align two divs side by side


.wrapper {
display: flex;
flex-wrap: wrap;
}

.wrapper>div {
flex: 1 1 150px;
height: 500px;
}

Example 2: place div side by side


<div style="width: 100%; display: table;">
<div style="display: table-row">
<div style="width: 600px; display: table-cell;"> Left </div>
<div style="display: table-cell;"> Right </div>
</div>
</div>

Comments

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android How Can I Convert A String To A Editable