Skip to content

Commit 89b388e

Browse files
committed
Remove example 12, since it's not really good enough to fully emulate <center> anyway, and the application is already clear from the diagram that's now there.
1 parent 0e6bb6e commit 89b388e

2 files changed

Lines changed: 0 additions & 53 deletions

File tree

css3-flexbox/Overview.html

Lines changed: 0 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -2615,36 +2615,6 @@ <h3 id=align-items-property><span class=secno>8.3. </span> Cross-axis
26152615
keywords and their effects on a flex container with four colored items.
26162616
</div>
26172617

2618-
<div class=example>
2619-
<p>By using a vertical flex container and ‘<a href="#align-items"><code
2620-
class=property>align-items</code></a>’, we can achieve behavior very
2621-
close to HTML's <code>&lt;center></code> element:
2622-
2623-
<div class=code-and-figure>
2624-
<div>
2625-
<pre>
2626-
&lt;div>
2627-
&lt;p>foo foo foo foo&lt;/p>
2628-
&lt;p>bar bar&lt;br>bar bar&lt;/p>
2629-
&lt;p>foo foo foo foo foo foo foo
2630-
foo foo foo foo foo&lt;/p>
2631-
&lt;/div>
2632-
&lt;style>
2633-
div {
2634-
display: flex;
2635-
flex-flow: column;
2636-
align-items: center;
2637-
width: 200px;
2638-
}
2639-
&lt;/style></pre>
2640-
</div>
2641-
2642-
<div>
2643-
<p><img alt="" src="images/basic-vertical-flexbox.png">
2644-
</div>
2645-
</div>
2646-
</div>
2647-
26482618
<h3 id=align-content-property><span class=secno>8.4. </span> Packing Flex
26492619
Lines: the ‘<a href="#align-content"><code
26502620
class=property>align-content</code></a>’ property</h3>

css3-flexbox/Overview.src.html

Lines changed: 0 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -1958,29 +1958,6 @@ <h3 id='align-items-property'>
19581958
<p class='caption'>An illustration of the five 'align-items' keywords and their effects on a flex container with four colored items.
19591959
</div>
19601960

1961-
<div class=example>
1962-
<p>By using a vertical flex container and 'align-items', we can achieve behavior very close to HTML's <code>&lt;center></code> element:
1963-
1964-
<div class='code-and-figure'>
1965-
<div><pre>
1966-
&lt;div>
1967-
&lt;p>foo foo foo foo&lt;/p>
1968-
&lt;p>bar bar&lt;br>bar bar&lt;/p>
1969-
&lt;p>foo foo foo foo foo foo foo
1970-
foo foo foo foo foo&lt;/p>
1971-
&lt;/div>
1972-
&lt;style>
1973-
div {
1974-
display: flex;
1975-
flex-flow: column;
1976-
align-items: center;
1977-
width: 200px;
1978-
}
1979-
&lt;/style></pre></div>
1980-
<div><p><img alt="" src="images/basic-vertical-flexbox.png"></div>
1981-
</div>
1982-
</div>
1983-
19841961
<h3 id='align-content-property'>
19851962
Packing Flex Lines: the 'align-content' property</h3>
19861963

0 commit comments

Comments
 (0)