{"id":2454,"date":"2023-03-21T18:28:51","date_gmt":"2023-03-21T18:28:51","guid":{"rendered":"https:\/\/obo.zoj.mybluehost.me\/uncategorized\/language-right-aligning-scripts-in-ion\/"},"modified":"2023-12-08T20:09:20","modified_gmt":"2023-12-08T20:09:20","slug":"language-right-aligning-scripts-in-ion","status":"publish","type":"post","link":"https:\/\/ioninteractive.com\/ionacademy\/language-right-aligning-scripts-in-ion\/","title":{"rendered":"Language: Right Aligning Scripts in Ion"},"content":{"rendered":"<p>Getting bidirectional text to display correctly in HTML can sometimes be a challenge.&nbsp;<\/p>\n<p>In order for right-to-left text to look correct when an HTML page is displayed, the directional context of that text needs to be established. In HTML the direction is set by using the &#8220;dir&#8221; attribute to the nearest parent element.<\/p>\n<p>Adding dir=&#8221;rtl&#8221; to any HTML element (i.e. &lt;span dir=&#8221;rtl&#8221;&gt;Text Here&lt;\/span&gt; will cause the element to start on the right and flow from right to left.<\/p>\n<p>Read&nbsp;<a href=\"http:\/\/www.w3.org\/International\/tutorials\/bidi-xhtml\/\" rel=\"nofollow noreferrer\">W3C&#8217;s tutorial<\/a>&nbsp;for more information on this subject.<\/p>\n<hr>\n<p data-pm-slice=\"1 1 [&quot;bullet_list&quot;,{},&quot;list_item&quot;,{}]\">If you have any questions, please contact us on <a href=\"mailto:help@ioninteractive.com\" rel=\"noopener noreferrer nofollow\">help@ioninteractive.com<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Getting bidirectional text to display correctly in HTML can sometimes be a challenge.&nbsp; In order for right-to-left text to look correct when an HTML page is displayed, the directional context of that text needs [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":5480,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[1420,32],"tags":[2131],"class_list":["post-2454","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creative-studio","category-the-creative-studio","tag-creative-studio"],"_links":{"self":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2454","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/comments?post=2454"}],"version-history":[{"count":2,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2454\/revisions"}],"predecessor-version":[{"id":5482,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/2454\/revisions\/5482"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media\/5480"}],"wp:attachment":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media?parent=2454"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/categories?post=2454"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/tags?post=2454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}