AllTips(154)

css/CSS Margin with RTL Elements

CSS Margin with RTL Elements

Name: CSS Margin with RTL Elements
Uploaded: 2024-01-06T13:10:23+08:00
Channel: Arbaoui Mehdi
Description: Using `margin-inline-end` to align a picture to either the left or the right depending on the browser direction (right to left, or left to right).

Next Tip

Project Source Code https://github.com/Front-Tips/css-margin-inline-rtl-element
Orignial Code Tahera Alam Credits https://codepen.io/alam_tahera/pen/ZEqNeWv
MDN CSS margin-inline-end Reference https://developer.mozilla.org/en-US/docs/Web/CSS/margin-inline-end
Can I Use https://caniuse.com/mdn-css_properties_margin-inline-end