| <!DOCTYPE html> |
| <style> |
| div.container { |
| -webkit-writing-mode: vertical-rl; |
| inline-size: 80px; |
| block-size: 200px; |
| outline: solid blue; |
| } |
| |
| img { |
| background-color: red; |
| width: auto; |
| height: auto; |
| max-width: 100%; |
| max-height: 100%; |
| } |
| </style> |
| <div class="container"> |
| <img src="data:image/svg+xml,<svg width='120' height='240' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' fill='green' width='120' height='240'></rect></svg>"> |
| </div> |
| <div style="height: 25px;"></div> |
| <div class="container"> |
| <img src="data:image/svg+xml,<svg width='60' height='80' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' fill='green' width='60' height='80'></rect></svg>"> |
| </div> |