@@ -203,7 +203,7 @@ The 'wrap-flow' property</h4>
203
203
block's descendants to wrap around its <a>exclusion area</a> .
204
204
205
205
<figure>
206
- <img alt="LTR text wrapping on left edge, RTL text wrapping on right edge, and vertical text wrapping on top edge." src="images/exclusion-writing-modes.png" style="width: 70%" / >
206
+ <img alt="LTR text wrapping on left edge, RTL text wrapping on right edge, and vertical text wrapping on top edge." src="images/exclusion-writing-modes.png" style="width: 70%">
207
207
<figcaption> Exclusion with 'wrap-flow' : ''start'' interacting with various
208
208
writing modes.</figcaption>
209
209
</figure>
@@ -215,7 +215,7 @@ The 'wrap-flow' property</h4>
215
215
context</a> (see [[!CSS2]] ) for its content.
216
216
217
217
<figure>
218
- <img alt="General illustration showing how exclusions combine" src="images/exclusions-illustration.png" style="width: 70%" / >
218
+ <img alt="General illustration showing how exclusions combine" src="images/exclusions-illustration.png" style="width: 70%">
219
219
<figcaption> Combining exclusions</figcaption>
220
220
</figure>
221
221
@@ -284,31 +284,31 @@ The 'wrap-flow' property</h4>
284
284
<td><code class="html"> .exclusion{ wrap-flow: both; }</code></td>
285
285
</tr>
286
286
<tr>
287
- <td><img src="images/exclusion_wrap_side_auto.png" alt="Example rendering for wrap-side: auto" / ></td>
288
- <td><img src="images/exclusion_wrap_side_both.png" alt="Example rendering for wrap-side: both" / ></td>
287
+ <td><img src="images/exclusion_wrap_side_auto.png" alt="Example rendering for wrap-side: auto"></td>
288
+ <td><img src="images/exclusion_wrap_side_both.png" alt="Example rendering for wrap-side: both"></td>
289
289
</tr>
290
290
<tr>
291
291
<td><code class="html"> .exclusion{ wrap-flow: start; }</code></td>
292
292
<td><code class="html"> .exclusion{ wrap-flow: end; }</code></td>
293
293
</tr>
294
294
<tr>
295
- <td><img src="images/exclusion_wrap_side_left.png" alt="Example rendering for wrap-side: start" / ></td>
296
- <td><img src="images/exclusion_wrap_side_right.png" alt="Example rendering for wrap-side: end" / ></td>
295
+ <td><img src="images/exclusion_wrap_side_left.png" alt="Example rendering for wrap-side: start"></td>
296
+ <td><img src="images/exclusion_wrap_side_right.png" alt="Example rendering for wrap-side: end"></td>
297
297
</tr>
298
298
<tr>
299
299
<td><code class="html"> .exclusion{ wrap-flow: minimum; }</code></td>
300
300
<td><code class="html"> .exclusion{ wrap-flow: maximum; }</code></td>
301
301
</tr>
302
302
<tr>
303
- <td><img src="images/exclusion_wrap_side_minimum.png" alt="Example rendering for wrap-side: minimum" / ></td>
304
- <td><img src="images/exclusion_wrap_side_maximum.png" alt="Example rendering for wrap-side: maximum" / ></td>
303
+ <td><img src="images/exclusion_wrap_side_minimum.png" alt="Example rendering for wrap-side: minimum"></td>
304
+ <td><img src="images/exclusion_wrap_side_maximum.png" alt="Example rendering for wrap-side: maximum"></td>
305
305
</tr>
306
306
<tr>
307
307
<td><code class="html"> .exclusion{ wrap-flow: clear; }</code></td>
308
308
<td></td>
309
309
</tr>
310
310
<tr>
311
- <td><img src="images/exclusion_wrap_side_clear.png" alt="Example rendering for wrap-side: clear" / ></td>
311
+ <td><img src="images/exclusion_wrap_side_clear.png" alt="Example rendering for wrap-side: clear"></td>
312
312
<td></td>
313
313
</tr>
314
314
</table>
@@ -435,7 +435,7 @@ The values of this property have the following meanings:
435
435
</div>
436
436
</code></pre>
437
437
438
- <img class="singleImgExample" src="images/exclusion_wrap_through.png" alt="Example rendering of wrap-through: wrap | none" style="max-width:40%"/ >
438
+ <img class="singleImgExample" src="images/exclusion_wrap_through.png" alt="Example rendering of wrap-through: wrap | none" style="max-width:40%">
439
439
</div>
440
440
441
441
<!-- End section "wrap-through property" -->
@@ -498,8 +498,8 @@ Exclusions order</h3>
498
498
<td style="width:50%"><code class="html"> .middle { z-index: 1; }</code></td>
499
499
</tr>
500
500
<tr>
501
- <td><img class="singleImgExample" src="images/exclusion_ordering.png" alt="Example rendering of default exclusion ordering." / ></td>
502
- <td><img class="singleImgExample" src="images/exclusion_ordering_z_order.png" alt="Example rendering of default exclusion ordering." / ></td>
501
+ <td><img class="singleImgExample" src="images/exclusion_ordering.png" alt="Example rendering of default exclusion ordering."></td>
502
+ <td><img class="singleImgExample" src="images/exclusion_ordering_z_order.png" alt="Example rendering of default exclusion ordering."></td>
503
503
</tr>
504
504
</table>
505
505
</div>
@@ -678,12 +678,12 @@ Processing Model Example</h4>
678
678
</ul>
679
679
680
680
<figure>
681
- <img src="images/processing-model-example-dom.svg" width="200" alt="DOM tree nodes"/ >
681
+ <img src="images/processing-model-example-dom.svg" width="200" alt="DOM tree nodes">
682
682
<figcaption> DOM tree</figcaption>
683
683
</figure>
684
684
685
685
<figure>
686
- <img src="images/processing-model-example-layout-tree.svg" width="350" alt="Layout tree boxes"/ >
686
+ <img src="images/processing-model-example-layout-tree.svg" width="350" alt="Layout tree boxes">
687
687
<figcaption> Layout tree of generated block boxes</figcaption>
688
688
</figure>
689
689
0 commit comments