<!doctype html>
<div style="margin:2px; float:left; height:300px;border:2px solid black;-webkit-writing-mode:vertical-lr">
<div style="width:25px;background-color:green"></div>
<img style="display:block;height:50%; -webkit-border-before:2px solid maroon; -webkit-border-after:2px solid maroon; -webkit-border-start: 1px solid purple; -webkit-border-end:5px dashed grey" src="resources/circle.svg">
<img style="-webkit-margin-start: 40px; display:block;height:50px" src="resources/oval.png">
<div style="width:25px;background-color:green"></div>
</div>

<div style="margin:2px; float:left; height:300px;border:2px solid black;-webkit-writing-mode:vertical-lr; direction:rtl">
<div style="width:25px;background-color:green"></div>
<img style="display:block;height:50%; -webkit-border-before:2px solid maroon; -webkit-border-after:2px solid maroon; -webkit-border-start: 1px solid purple; -webkit-border-end:5px dashed grey" src="resources/circle.svg">
<img style="-webkit-margin-start: 40px; display:block;height:50px" src="resources/oval.png">
<div style="width:25px;background-color:green"></div>
</div>