{"id":348,"date":"2011-05-26T12:24:27","date_gmt":"2011-05-26T22:24:27","guid":{"rendered":"http:\/\/mymonkeydo.com\/?p=348"},"modified":"2011-05-26T12:24:27","modified_gmt":"2011-05-26T22:24:27","slug":"br-tag-being-ignored-by-firefox","status":"publish","type":"post","link":"https:\/\/mymonkeydo.com\/br-tag-being-ignored-by-firefox\/","title":{"rendered":"BR Tag Being Ignored by Firefox"},"content":{"rendered":"
I had a couple of <br> tags in my text from a content editor and Firefox was not displaying the line break. \u00a0I had two <br> tags but no breaks! \u00a0Why!??!? \u00a0IE of all browsers was showing it fine.<\/p>\n
<\/p>\n
Be careful of styles that you use the asterisk (*) on. \u00a0It can cascade all the way down to the <br> tag. \u00a0For example:<\/p>\n
<\/p>\n
#someID * {\n float:left;\n}<\/pre>\nUsing Firebug I saw that the float:left was being used on my text container, which seemed normal because the element holding the text should be floating left. \u00a0However when I took off the float:left everything was fine. \u00a0The lesson is to be careful when using the * especially with float:left and having regular text. \u00a0I did not know the <br> tag could have a float on it, but I guess that makes sense. \u00a0Although this was only seen in Firefox.<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[2],"tags":[17],"yoast_head":"\n
BR Tag Being Ignored by Firefox - My Monkey Do<\/title>\n\n\n\n\n\n\n\n\n\n\n\n\t\n\t\n\t\n