25 lines
781 B
HTML
25 lines
781 B
HTML
<!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>
|