| <!DOCTYPE html> | |
| <style> | |
| div.container { | |
| -webkit-writing-mode: vertical-rl; | |
| -webkit-logical-width: 80px; | |
| -webkit-logical-height: 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> |