Problems & Solutions Part 2: Multi-Language Websites ????
When working with CSS, remember:
?? "Padding and margin on both sides are better than just one!"
?? Example:
in index.html :
<div class="child">Content goes here</div>
in style.css :
.child {
margin-left: 10px;
margin-right: 10px;
}
in index-rtl.html :
<html dir="rtl">
<div class="child">????? ???</div>
</html>
in style-rtl.css :
.child {
margin-left: 10px;
margin-right: 10px;
}
? Solution :
Using dir="rtl" is much better than just text-align: right; because it adjusts the whole layout!
index-rtl.html :
<html lang="ar" dir="rtl">
?? Also remember :
?? "Change colors and styles all at once!"
?? "Highlight What you Will Edit Soon"
?? "Make The Direction Edit In The Same Time"
?? "change the colors when you have more one time do it in the same ti