1106669-1-intrinsic-for-container.html (670B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <style> 6 button { 7 position: absolute; 8 border: 1px solid blue; 9 margin: 1px; 10 padding: 0; 11 writing-mode: vertical-rl; 12 } 13 div { 14 position: absolute; 15 background: yellow; 16 } 17 </style> 18 </head> 19 <body> 20 21 <button style="top:0px"><img src="" width="20" height="80"></button> 22 23 <button style="top:100px"><img src="" width="80" height="20"></button> 24 25 <!-- solid-color <div>s that should completely cover the buttons above, 26 provided they size themselves properly for their <img> content --> 27 <div style="top:0px; width:40px; height:90px;"></div> 28 29 <div style="top:100px; width:100px; height:40px;"></div> 30 31 </body> 32 </html>