Wie ändere ich einen bestimmten Listeneintrag von rechts nach links (zB arabisch/hebräisch)?

Question

Ich habe ein Listenelement mit hebräischem Text Ich möchte die Textrichtung nach rechts nach links ändern. Aber leider hat es nichts bewirkt.

Warum funktioniert dir = "rtl" nicht richtig? Und wie kann ich erreichen, die Textrichtung zu ändern?

Mein konkretes Beispiel:

<ul> 
 
    Le colophon se situe sur la page de titre au folio <a href="#">1r</a>: 
 
    <li> 
 
    <span class="underline">Transcription :</span><br><br> 
 
    <span class="right-to-left" dir="rtl"> 
 
     וצורת בית המקדש תוב''ב אכי''ר<br><br> 
 
     כצמח השדה יגדל וירבה<br><br> 
 
     למעלה למעלה הקטן גרשון<br><br> 
 
     בן ה''ה האלוף והקצין הטפסר<br><br> 
 
     פרנס ומנהיג התורני הרר<br><br> 
 
     צבי הירש ברעסלא סגל<br><br> 
 
     מק''ק המבורג- על ידי הכותב<br><br> 
 
     והסופר משולם המכונה זימל ב''הרר<br><br> 
 
     משה מק''ק פאלין בעיר ווין ובאותיות<br><br> 
 
     אמשטרדם<br><br> 
 
     בשנת אומץ גבורתך<br><br> 
 
     ה'פ'ל'א'ת' בפסח לפ''ק 
 
    </span> 
 
    </li> 
 
    <li> 
 
    foo 
 
    </li> 
 
    <li> 
 
    bar 
 
    </li> 
 
</ul>

PS: Ich will nicht float:right auf span.right nach links

Answer 1

Sie können die span in eine block (alles sollte tun, aber nicht inline!).

Sie können auch einen Blick auf nehmen wollen: unicode-bidi

.right-to-left { 
 
display:block; 
 
direction:rtl; 
 
unicode-bidi:bidi-override 
 
}

<ul> 
 
     Le colophon se situe sur la page de titre au folio <a href="#">1r</a>: 
 
     <li> 
 
     <span class="underline">Transcription :</span><br><br> 
 
     <span class="right-to-left" dir="rtl"> 
 
     is that working ?<br/> 
 
      וצורת בית המקדש תוב''ב אכי''ר<br><br> 
 
      כצמח השדה יגדל וירבה<br><br> 
 
      למעלה למעלה הקטן גרשון<br><br> 
 
      בן ה''ה האלוף והקצין הטפסר<br><br> 
 
      פרנס ומנהיג התורני הרר<br><br> 
 
      צבי הירש ברעסלא סגל<br><br> 
 
      מק''ק המבורג- על ידי הכותב<br><br> 
 
      והסופר משולם המכונה זימל ב''הרר<br><br> 
 
      משה מק''ק פאלין בעיר ווין ובאותיות<br><br> 
 
      אמשטרדם<br><br> 
 
      בשנת אומץ גבורתך<br><br> 
 
      ה'פ'ל'א'ת' בפסח לפ''ק 
 
     </span> 
 
     </li> 
 
     <li> 
 
     foo 
 
     </li> 
 
     <li> 
 
     bar 
 
     </li>

Answer 2

Was über die Verwendung von text-align:right; verwenden Sie CSS-in für .right-left?