I need assistance with moving the position of div's upon window resizing. In a container, I have three nested div's.
For example:
<div id="container">
<div class="left"></div>
<div class="middle"></div>
<div class="right"></div>
</div>Although they are currently aligned correctly, I am looking to make these div's responsive and move in relation to the window size (without overlapping).
Here is an overview of my CSS styling:
#container {
text-align: center;
width: 100%;
}
.left {
float: left;
}
.center {
display: inline-block;
margin: 0 auto;
}
.right {
float: right;
}Your help is greatly appreciated!
This is a quote.