{"id":42,"date":"2015-07-13T03:51:25","date_gmt":"2015-07-13T03:51:25","guid":{"rendered":"http:\/\/mansavageproductions.com\/websitesvideos\/?p=42"},"modified":"2015-07-13T03:54:54","modified_gmt":"2015-07-13T03:54:54","slug":"float-clear-with-css","status":"publish","type":"post","link":"http:\/\/mansavageproductions.com\/websitesvideos\/2015\/07\/13\/float-clear-with-css\/","title":{"rendered":"Float &#038; Clear with CSS"},"content":{"rendered":"<p class=\"intro\">Use the following to prevent text inside the editable region under a div with a menu bar from floating up along side the menu bar as it adjusts inside a fluid layout:<\/p>\n<p class=\"intro\">Use the &#8220;Float&#8221;\u00a0property to\u00a0specify whether or not an element should float.<\/p>\n<p class=\"intro\">Use the &#8220;Clear&#8221;\u00a0property to control the behavior of floating elements.<\/p>\n<h2>Float Property<\/h2>\n<p>The &#8220;Float&#8221;\u00a0property can be used to wrap text around images.<\/p>\n<h2>Clear Property<\/h2>\n<p>The &#8220;Clear&#8221;\u00a0property is used to control the behavior of floating elements.<\/p>\n<p>Elements after a floating element will flow around it. To\u00a0prevent this, use the &#8220;Clear&#8221;\u00a0property.<\/p>\n<p>The\u00a0&#8220;Clear&#8221;\u00a0property specifies on which sides of an element floating elements are not allowed to float.<\/p>\n<p>So for the div that contains the menu bar, float the div to the left and set the clear to &#8220;right.&#8221;<\/p>\n<p>(Must use both.)<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Use the following to prevent text inside the editable region under a div with a menu bar from floating up along side the menu bar as it adjusts inside a fluid layout: Use the &#8220;Float&#8221;\u00a0property to\u00a0specify whether or not an element should float. Use the &#8220;Clear&#8221;\u00a0property to control the behavior of floating elements. Float Property [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-42","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"http:\/\/mansavageproductions.com\/websitesvideos\/wp-json\/wp\/v2\/posts\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/mansavageproductions.com\/websitesvideos\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/mansavageproductions.com\/websitesvideos\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/mansavageproductions.com\/websitesvideos\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/mansavageproductions.com\/websitesvideos\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":4,"href":"http:\/\/mansavageproductions.com\/websitesvideos\/wp-json\/wp\/v2\/posts\/42\/revisions"}],"predecessor-version":[{"id":46,"href":"http:\/\/mansavageproductions.com\/websitesvideos\/wp-json\/wp\/v2\/posts\/42\/revisions\/46"}],"wp:attachment":[{"href":"http:\/\/mansavageproductions.com\/websitesvideos\/wp-json\/wp\/v2\/media?parent=42"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/mansavageproductions.com\/websitesvideos\/wp-json\/wp\/v2\/categories?post=42"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/mansavageproductions.com\/websitesvideos\/wp-json\/wp\/v2\/tags?post=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}