Title: text-align: right; css not working
Last modified: July 30, 2018

---

# text-align: right; css not working

 *  Resolved [blogdropper](https://wordpress.org/support/users/blogdropper/)
 * (@blogdropper)
 * [7 years, 9 months ago](https://wordpress.org/support/topic/text-align-right-css-not-working/)
 * Hi, I have a couple of tabs with Arabic and Hebrew text, for these 2 tabs I’ve
   added a class=”rtl-opt” option and I’ve added .rtl-opt {text-align: right}, but
   the text for these 2 tabs remains left aligned – I also tried {direction: rtl}
   but this is also ignored.
    If I specify other css eg. {font-size: 2em;} this 
   works fine, just anything to do with text alignment is ignored. Any help much
   appreciated.
 * David
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Ftext-align-right-css-not-working%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Thread Starter [blogdropper](https://wordpress.org/support/users/blogdropper/)
 * (@blogdropper)
 * [7 years, 9 months ago](https://wordpress.org/support/topic/text-align-right-css-not-working/#post-10543654)
 * Hi, After inspecting the source (f12), I found this workaround for the Arabic
   and Hebrew tabs – content and heading:
    #elementor-tab-content-1933 .tagindex
   ul li {text-align: right;} #elementor-tab-content-1935 .tagindex ul li {text-
   align: right;} #elementor-tab-content-1933 .tagindex h4 {text-align: right;} #
   elementor-tab-content-1935 .tagindex h4 {text-align: right;}
 * Not a general solution – need to check source for each #elementor-tab-content-
   9999 number
 * Like to have a solution using the class= option
 *  Plugin Author [tugbucket](https://wordpress.org/support/users/tugbucket/)
 * (@tugbucket)
 * [7 years, 9 months ago](https://wordpress.org/support/topic/text-align-right-css-not-working/#post-10575858)
 * So with your class did you try:
 * `#mcTagMap.rtl-opt .holdleft, #sc_mcTagMap.rtl-opt .holdleft { text-align: right;}`
 * Because you need to override the container `.holdleft`
 *  Plugin Author [tugbucket](https://wordpress.org/support/users/tugbucket/)
 * (@tugbucket)
 * [7 years, 9 months ago](https://wordpress.org/support/topic/text-align-right-css-not-working/#post-10586477)
 * In v15.0.2 I removed the CSS for text-align: left noted above.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘text-align: right; css not working’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/multi-column-tag-map_9e2525.svg)
 * [Multi-column Tag Map](https://wordpress.org/plugins/multi-column-tag-map/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/multi-column-tag-map/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/multi-column-tag-map/)
 * [Active Topics](https://wordpress.org/support/plugin/multi-column-tag-map/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/multi-column-tag-map/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/multi-column-tag-map/reviews/)

## Tags

 * [text-align](https://wordpress.org/support/topic-tag/text-align/)

 * 3 replies
 * 2 participants
 * Last reply from: [tugbucket](https://wordpress.org/support/users/tugbucket/)
 * Last activity: [7 years, 9 months ago](https://wordpress.org/support/topic/text-align-right-css-not-working/#post-10586477)
 * Status: resolved