# Right-to-Left Fixes for Lists, Quotes and Tables

> Corrects common right-to-left layout problems in post content, such as list indents, blockquote borders, table alignment and image floats, using logical CSS properties.

- Type: CSS
- Runs: Site-wide header
- Category: [Multilingual](https://wpide.com/library/category/multilingual/)
- Tags: rtl, css, typography
- Author: WPIDE Team
- Installs: 0
- Updated: 2026-10-28
- Page: https://wpide.com/library/i18n-rtl-logical-spacing/

## Code

```css
[dir="rtl"] .entry-content ul,
[dir="rtl"] .entry-content ol {
    padding-inline-start: 1.5em;
    padding-left: 0;
}

[dir="rtl"] .entry-content blockquote,
[dir="rtl"] .wp-block-quote {
    border-left: 0;
    border-inline-start: 4px solid currentColor;
    padding-inline-start: 1em;
}

[dir="rtl"] .entry-content th,
[dir="rtl"] .entry-content td {
    text-align: start;
}

[dir="rtl"] .alignleft {
    float: right;
    margin: 0 0 1em 1.5em;
}

[dir="rtl"] .alignright {
    float: left;
    margin: 0 1.5em 1em 0;
}

[dir="rtl"] code,
[dir="rtl"] pre {
    direction: ltr;
    text-align: left;
    unicode-bidi: embed;
}
```

## Notes

Rules only apply when the page direction is rtl, so it is safe on multilingual sites.

## How to use it

Install the free WPIDE plugin (https://wordpress.org/plugins/wpide/), find "Right-to-Left Fixes for Lists, Quotes and Tables" in its snippet library and add it in one click; or create a new CSS snippet in WPIDE (or any code snippets plugin) and paste the code above. More snippets: https://wpide.com/library/