| <!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> |
