Breaking News: Grepper is joining You.com. Read the official announcement!

How to put two divs side by side

Cuaresma, Pauline Y. answered on August 12, 2022 Popularity 10/10 Helpfulness 3/10

answer How to put two divs side by side

related side by side div css

How to put two divs side by side

Comment

#header {
    width: 100%;
    background-color: red;
    height: 30px;
}

#container {
    width: 300px;
    background-color: #ffcc33;
    margin: auto;
}
#first {
    width: 100px;
    float: left;
    height: 300px;
        background-color: blue;
}
#second {
    width: 200px;
    float: left;
    height: 300px;
    background-color: green;
}
#clear {
    clear: both;
}



<div id="header"></div>
<div id="container">
    <div id="first"></div>
    <div id="second"></div>
    <div id="clear"></div>
</div>

Popularity 10/10 Helpfulness 3/10 Language whatever

Source: Grepper

Tags: put side-by-side whatever

Link to this answer
Share Copy Link

Contributed on Jan 30 2023

Cuaresma, Pauline Y.

0 Answers Avg Quality 2/10

Closely Related Answers

side by side div css

Comment

// side by side items with equal width
.parent {
  display: flex;
}

.child {
  flex: 1;
}

// your welcome

Popularity 10/10 Helpfulness 4/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Aug 12 2022

cool guy

0 Answers Avg Quality 2/10

How to put two divs side by side

Contents

More Related Answers

How to put two divs side by side

Closely Related Answers

side by side div css

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.