<!DOCTYPE html> | |
<title>flexbox | GCPM bottom float</title> | |
<link rel="author" href="http://opera.com" title="Opera Software"> | |
<style> | |
div { | |
background: black; | |
margin: 1em; | |
height: 6em; | |
width: 400px; | |
} | |
p { | |
background: #3366cc; | |
margin: 2em; | |
width: 2em; | |
height: 2em; | |
float: left; | |
} | |
div::after { | |
content: ""; | |
clear: both; | |
display: block; | |
} | |
</style> | |
<div> | |
<p></p> | |
<p></p> | |
<p></p> | |
<p></p> | |
</div> |