Add right to left reading (Fix #2800) (#2805)

I think this will fix #2800
The header is become force-LTR, because it is not translatable and it is alwayes English.
And some changes on CSS to make it usable for both LTR and RTL languages.

Reviewed-on: #2805
Reviewed-by: bonnie <bonnie@fsfe.org>
Co-authored-by: mskf1383 <mskf1383@fsfe.org>
Co-committed-by: mskf1383 <mskf1383@fsfe.org>

drm.info/drm-info.css

@@ -245,16 +245,15 @@ hr.cleaner {
 }
 #body {
     margin-top: 10px;
-    text-align: left;
+    text-align: start;
     width: 75%;
-    margin-left:18%;
+    margin-inline-start:18%;
     
 }
-.inner-content
-{
-width:60%;
-float:left;
-font-size:13px;
+.inner-content {
+    width:44%;
+    font-size:13px;
+    position: absolute;
 }
 #blocks TABLE {
 }
@@ -277,8 +276,8 @@ font-size:13px;
     margin-right:auto;
 }
 .col3 {
-       width: 10%;
-    margin-left:65%;
+    width: 10%;
+    margin-inline-start: 65%;
 }
 .contenido {
     background-color: #FFFFFF;

drm.info/xslt/drm_info_body.xsl

@@ -14,6 +14,7 @@
     <xsl:element name="body">
       <xsl:element name="header">
         <xsl:attribute name="id">top</xsl:attribute>
+        <xsl:attribute name="dir">ltr</xsl:attribute>
 
         <xsl:element name="div">
           <xsl:attribute name="class">logo</xsl:attribute>