table-caption-bottom-1-ref.html (852B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset=utf-8> 5 <style> 6 html { 7 font: 0px sans-serif; 8 } 9 body > div { 10 margin-bottom: 10px; 11 } 12 .h { 13 writing-mode: horizontal-tb; 14 } 15 .vlr { 16 writing-mode: vertical-lr; 17 } 18 .vrl { 19 writing-mode: vertical-rl; 20 } 21 .t { 22 width: 200px; 23 height: 100px; 24 background: silver; 25 } 26 .c { 27 background: cyan; 28 text-align: center; 29 min-block-size: 20px; 30 font-size: 12px; 31 } 32 </style> 33 </head> 34 <body> 35 36 <div class="h"> 37 <div class="t"></div> 38 <div class="c" style="width: 200px">table caption</div> 39 </div> 40 41 <div class="h"> 42 <div class="t"></div> 43 <div class="c" style="width: 200px">table caption</div> 44 </div> 45 46 <div class="vlr"> 47 <div class="t"></div> 48 <div class="c" style="height: 100px">table caption</div> 49 </div> 50 51 <div class="vrl"> 52 <div class="t"></div> 53 <div class="c" style="height: 100px">table caption</div> 54 </div>