blob: 79687112d81410fa9013893be5b9665780121ca4 [file] [log] [blame]
dino@apple.com7a1557d2014-09-12 22:41:09 +00001<!DOCTYPE html>
2<title>flexbox | flex-basis: percentage</title>
3<link rel="author" href="http://opera.com" title="Opera Software">
4<style>
5div {
6 white-space: nowrap;
7 background: blue;
8 margin: 1em 0;
9 border: 1px solid black;
10 height: 8em;
11 width: 8em;
12}
13span {
14 background: yellow;
15 margin: 1em 0;
16 width: 8em;
17 height: 6em;
18 display: inline-block;
19}
20span:nth-child(2) {background: pink;}
21span:nth-child(3) {background: lightblue;}
22span:nth-child(4) {background: grey;}
23</style>
24
25<div>
26 <span>one</span><span>two</span><span>three</span><span>four</span>
27</div>