{"id":2683,"date":"2012-10-11T06:38:21","date_gmt":"2012-10-11T06:38:21","guid":{"rendered":"http:\/\/www.dognmonkey.com\/techs\/?p=2683"},"modified":"2012-10-15T01:37:46","modified_gmt":"2012-10-15T01:37:46","slug":"ie8-9-do-not-wrap-long-text-css-fix","status":"publish","type":"post","link":"https:\/\/www.dognmonkey.com\/techs\/ie8-9-do-not-wrap-long-text-css-fix.html","title":{"rendered":"IE8-9 Do Not Wrap Long Text CSS Fix"},"content":{"rendered":"<p style=\"text-align: center;\"><em><\/em>Our modified theme has problem with ie 8-9 as always, this time it&#8217;s the <a class=\"preview\" title=\"ie not wrapping long text\" href=\"\/media\/wpweb\/ie_problem\/nowrap.jpg\" rel=\"lightbox\">long text NOT wrapping<\/a> inside the content body.<\/p>\n<p style=\"text-align: center;\"><a class=\"preview\" rel=\"lightbox\" href=\"\/media\/wpweb\/ie_problem\/nowrap.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" title=\"ie9 doesn't wrap long text\" src=\"\/media\/wpweb\/ie_problem\/tn_nowrap.jpg\" alt=\"\" width=\"250\" height=\"35\" \/><\/a><\/p>\n<p>add =&#8221; word-wrap: break-word;&#8221; or &#8220;word-break:break-all;&#8221;\u00a0 in css at the content.<\/p>\n<blockquote><p>.post_wrap { clear:right; }<br \/>\n.post { float:right;width:88%; z-index:3; position:relative; }<br \/>\n.post_content { background:#dfffdc; margin:0 38% 0 0; padding:20px 2%;color:#14000;font-size:.9em;word-wrap: break-word;}<\/p><\/blockquote>\n<p style=\"text-align: center;\"><em><a class=\"preview\" title=\"now wrapping long text\" href=\"\/media\/wpweb\/ie_problem\/ie_wrap.jpg\" rel=\"lightbox\">It&#8217;s fixed now.<\/a><\/em><br \/>\n<ul class=\"lcp_catlist\" id=\"lcp_instance_0\"><\/ul><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Our modified theme has problem with ie 8-9 as always, this time it&#8217;s the long text NOT wrapping inside the content body. add =&#8221; word-wrap: break-word;&#8221; or &#8220;word-break:break-all;&#8221;\u00a0 in css at the content. .post_wrap { clear:right; } .post { float:right;width:88%; z-index:3; position:relative; } .post_content { background:#dfffdc; margin:0 38% 0 0; padding:20px 2%;color:#14000;font-size:.9em;word-wrap: break-word;} It&#8217;s fixed <a href=\"https:\/\/www.dognmonkey.com\/techs\/ie8-9-do-not-wrap-long-text-css-fix.html\" class=\"more-link\">&#8230;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[26,19],"tags":[244],"class_list":["post-2683","post","type-post","status-publish","format-standard","hentry","category-themes","category-windows","tag-ie-not-wrapping-long-text"],"views":1365,"_links":{"self":[{"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/posts\/2683","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/comments?post=2683"}],"version-history":[{"count":12,"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/posts\/2683\/revisions"}],"predecessor-version":[{"id":2705,"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/posts\/2683\/revisions\/2705"}],"wp:attachment":[{"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/media?parent=2683"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/categories?post=2683"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dognmonkey.com\/techs\/wp-json\/wp\/v2\/tags?post=2683"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}