Answers for "css align 2 divs next to each other"

CSS
1

multiple divs next to each other

.container {
  display: flex;
}

.item {
  background: #ce8888;
  flex-basis: 100px;
  height: 100px;
  margin: 5px;
}
Posted by: Guest on September-17-2021
0

place two div elements next to each other

In this solution we use display:
flex style property for our wrapping <div> element, 
so in both children divs we can set flex: property 
value with 1 to display two equal size <div> elements n
ext to each other. 

ex :

<html>
<head>
  <style>   
 
    div {
    	border: 1px solid red;
    }
    
    div.container {
    	display: flex;  /* <---------- required */
    }
    
    div.child {
    	flex: 1;  /* <---------------- required */
    }
    
  </style>
</head>
<body>
  <div class="container">
    <div class="child">1</div>
    <div class="child">2</div>
  </div>
</body>
</html>
Posted by: Guest on May-21-2022

Code answers related to "css align 2 divs next to each other"

Browse Popular Code Answers by Language