Text Direction Demo

Use "inline" and "block" for you paddings and margins!

Don't use absolute values for their spacing. This can be easily improved by using inline and block. See the difference yourself by changing the reading direction!

This image uses padding-right

This image uses padding-inline-end

References

• Robbert's translate-test - GitHub
• Why you should stop using traditional margin and padding - Medium
• Want to prevent Google from translating an element? Encapsualte it in a bdi element - MDN bdi page
• GitHub repository of this page
• 🥦