0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>Let’s use the flexbox layout in still another example.</p>
1
<p>Let’s use the flexbox layout in still another example.</p>
2
<p>To start with, let’s create two blocks that follow each other in succession in a row. Then let’s change the order in which they are displayed. Be careful with this technique, because a page’s tab order follows the HTML. Keyboard users who tab through focussable elements such as form fields and links could become confused if the visual order is different from the tab order. If you are moving around elements that don’t contain focussable elements, it won’t cause a problem.</p>
2
<p>To start with, let’s create two blocks that follow each other in succession in a row. Then let’s change the order in which they are displayed. Be careful with this technique, because a page’s tab order follows the HTML. Keyboard users who tab through focussable elements such as form fields and links could become confused if the visual order is different from the tab order. If you are moving around elements that don’t contain focussable elements, it won’t cause a problem.</p>
3
<p>Notice how only direct children, or first level nested items, become flex items inside the flex container.</p>
3
<p>Notice how only direct children, or first level nested items, become flex items inside the flex container.</p>
4
<p>In our example the .post flex container includes two flex items: section and aside. Blocks inside the flex items behave like normal items. The flex flow does not affect them.</p>
4
<p>In our example the .post flex container includes two flex items: section and aside. Blocks inside the flex items behave like normal items. The flex flow does not affect them.</p>