Some necessary fixes for right-to-left languages like Persian.

[shahverd]

There are some necessary things to be fixed with Persian/Farsi/Arabic/Hebrew.

1. <code> must have "direction:ltr"
2. margin_auto.title: "margin: auto;" This must be "ltr", so it might be needed to be change to margin_auto.title: "<span style=\"direction:ltr\">margin: auto;</span>" or something similar
3. In position.html, red box is not positioned properly
4. In position-example.html, float-layout.html , media-queries.html and percent.html, sidebar must be a right-side sidebar, to match with rtl.
5. In media-queries.html, red sidebar items are not translatable.
6. In inline-block.html, first example items are float left and not the same as second example. So they must have float:right
7. In inline-block-layout.html and flexbox.html, sidebar is correctly a right-side sidebar! May be you want to skeep 4th issue and change this one.
8. The "Twitter" share link at the bottom of all pages is not translatable.
9. And one of most important ones! At the bottom of the index page among languages, it must be فارسی and not رسیدن
10. And as a suggestion, it is better to have paragraphs justified.

[incompl]

I fixed most of these, and opened new #46 for the ones I don't have time for today.