Skip to content

Instantly share code, notes, and snippets.

Created February 20, 2017 11:47
Show Gist options
  • Save anonymous/dfee2f87039c440d06ecf40133a77635 to your computer and use it in GitHub Desktop.
Save anonymous/dfee2f87039c440d06ecf40133a77635 to your computer and use it in GitHub Desktop.
Untitled
*{box-sizing: border-box;}
#root {
border: 1px solid black;
}
#parent {
display: flex;
height: 200px;
padding: 30px;
margin: 30px;
border: 10px solid red;
align-items: center;
justify-content: space-around;
}
#c1 {
position: absolute;
height: 50px;
width: 50px;
border: 1px solid green;
}
#c2 { height: 50px; width: 50px; border: 1px solid blue;}
#c3 { height: 50px; width: 50px; border: 1px solid yellow;}
<div id=root>
<div id=parent>
<div id=c1></div>
<div id=c2></div>
<div id=c3></div>
</div>
</div>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment