CSS Float – Talking HTML

A float allows an element to be moved/placed on the webpage Float event: elements are removed from the flow of the website. Will cause issues with non floated elements. Use: Float: left, right, none Clear: left, right, both ORDER MATTERS!!! Items in the first position will be placed first. Go to itunes, stitcher, or wherever you get your podcasts and leave the show a rating and a comment. Ratings get listeners! If you don’t leave a rating/comment then please tell a friend. @tommnorman @TNPWDesign Link to the Youtube video: https://youtu.be/vD3hA5xh7lA webdevpod.com CODE body { Width: 980px; } #box1 { height: 400px; width: 300px; margin: 10px; background: #000; } #box2 { height: 300px; width: 300px; margin: 10px; background: #F00; } #box3 { height: 200px; width: 300px; margin: 10px; background: #0F0; } footer { height: 200px; width: 300px; margin: 10px; background: #00F; } <div id=”box1″ class=”box”></div> <div id=”box2″ class=”box”></div> <div id=”box3″ class=”box”></div> <footer></footer> The post CSS Float – Talking HTML appeared first on Schaffen Creative.