<!DOCTYPE html> | |
<!-- | |
| The body element's direction should propagate to the root element. | |
| https://www.w3.org/TR/css-writing-modes-3/#principal-flow | |
--> | |
<html dir="ltr"> | |
<head> | |
<style> | |
body { | |
background-color: rgb(128, 128, 128); | |
width: 200px; | |
height: 200px; | |
border: 10px solid rgb(255, 255, 255); | |
} | |
.box { | |
background-color: rgb(0, 128, 0); | |
width: 100px; | |
height: 100px; | |
} | |
</style> | |
</head> | |
<body dir="rtl"> | |
<div class="box"></div> | |
</body> | |
</html> |