-
Notifications
You must be signed in to change notification settings - Fork 14
/
flexbox01.html
64 lines (59 loc) · 4.36 KB
/
flexbox01.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html>
<html>
<head>
<title>Flexbox Float Follies</title>
<style type="text/css">
div {
margin-top: 3em;
border: 1px solid;
width: 880px;
display: -moz-box;
-moz-box-flex: 1;
-moz-box-orient: horizontal;
-moz-box-pack: left;
display: -webkit-box;
-webkit-box-flex: 1;
-webkit-box-orient: horizontal;
-webkit-box-pack: left;
display: -ms-box;
-ms-box-flex: 1;
-ms-box-orient: horizontal;
-ms-box-pack: left;
display: box;
box-flex: 1;
box-orient: horizontal;
box-pack: left;
}
div p {
outline: 1px dotted;
margin: 10px;
padding: 10px;
-moz-box-flex: 1;
-webkit-box-flex: 1;
-ms-box-flex: 1;
box-flex: 1;
}
div:hover p {float: left;}
body > p {margin: 5em 1em 0;}
</style>
</head>
<body>
<p>
Hover over the <code>div</code> in WebKit to demonstrate a bug when you combine flexbox and float. Note that hovering is not required to trigger this bug—just floating a flexbox.
</p>
<div>
<p>
Have you ever been unable to optimize your viral, next-generation, viral feature set? Without having to purchase expensive support contracts? The re-sizing factor is dot-com. We believe we know that it is better to harness intuitively than to synergize dynamically. What does it really mean to strategize "perfectly"? What does it really mean to reinvent "perfectly"? What does it really mean to maximize "extensibly"? The e-commerce metrics factor can be summed up in one word: efficient. Our feature set is unparalleled, but our visionary infomediaries and simple use is invariably considered an amazing achievement. We apply the proverb "You can lead a horse to water, but you can't make it drink" not only to our power shifts but our power to integrate. The capacity to aggregate intuitively leads to the capacity to iterate micro-virally.
</p>
<p>
The deliverables factor can be summed up in one word: C2C2B. Complex Spiral Consulting practically invented the term "re-sizing reports". Think turn-key, real-world, value-added. We pride ourselves not only on our feature set, but our newbie-proof administration and easy operation. Our feature set is unmatched, but our customized data hygiene and easy operation is often considered a terrific achievement. Do you have a plan to become real-world? We think we know that it is better to iterate wirelessly than to seize proactively. Without appropriate markets, platforms are forced to become turn-key. We realize that it is better to morph seamlessly than to streamline wirelessly. Think B2C2B. A company that can streamline defiantly will (one day) be able to drive easily. Quick: do you have a reality-based plan for dealing with new subscriber communities? The metrics for M&A are more well-understood if they are not B2B.
</p>
<p>
Have you ever been unable to optimize your viral, next-generation, viral feature set? Without having to purchase expensive support contracts? The re-sizing factor is dot-com. We believe we know that it is better to harness intuitively than to synergize dynamically. What does it really mean to strategize "perfectly"? What does it really mean to reinvent "perfectly"? What does it really mean to maximize "extensibly"? The e-commerce metrics factor can be summed up in one word: efficient. Our feature set is unparalleled, but our visionary infomediaries and simple use is invariably considered an amazing achievement. We apply the proverb "You can lead a horse to water, but you can't make it drink" not only to our power shifts but our power to integrate. The capacity to aggregate intuitively leads to the capacity to iterate micro-virally.
</p>
<p>
Complex Spiral Consulting practically invented the term "re-sizing reports". Think turn-key, real-world, value-added. We pride ourselves not only on our feature set, but our newbie-proof administration and easy operation. Our feature set is unmatched, but our customized data hygiene and easy operation is often considered a terrific achievement. Do you have a plan to become real-world? We think we know that it is better to iterate wirelessly than to seize proactively. Without appropriate markets, platforms are forced to become turn-key. We realize that it is better to morph seamlessly than to streamline wirelessly. Think B2C2B. A company that can streamline defiantly will (one day) be able to drive easily. Quick: do you have a reality-based plan for dealing with new subscriber communities? The metrics for M&A are more well-understood if they are not B2B.
</p>
</div>
</body>
</html>