{"json_modified": "2016-09-23T04:57:52.702382", "uuid": "134ad42a-d790-487e-bd4b-7c62c21b77fc", "title": "Floats", "url": "/en-US/docs/Learn/CSS/CSS_layout/Floats", "tags": ["columns", "Floats", "Beginner", "CSS", "multi-column", "Article", "CodingScripting", "beginner", "Guide", "Clearing", "Layout"], "translations": [], "modified": "2016-09-23T04:57:53", "label": "Floats", "localization_tags": [], "locale": "en-US", "id": 185044, "last_edit": "2016-09-23T04:57:43", "summary": "At this point, you should already have some powerful tools at your disposal for creating fairly complex web layouts. Excellent! In the next article we'll take it even further by looking at positioning.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "The_background_of_floats", "title": "The background of floats"}, {"id": "A_simple_float_example", "title": "A simple float example"}, {"id": "Playable_code", "title": "Playable code"}, {"id": "Revisiting_our_drop_cap_example", "title": "Revisiting our drop cap example"}, {"id": "Multiple_column_floated_layouts", "title": "Multiple column floated layouts"}, {"id": "A_two_column_layout", "title": "A two column layout"}, {"id": "Playable_code_2", "title": "Playable code 2"}, {"id": "A_three_column_layout", "title": "A three column layout"}, {"id": "Playable_code_3", "title": "Playable code 3"}, {"id": "Clearing_floats", "title": "Clearing floats"}, {"id": "Playable_code_4", "title": "Playable code 4"}, {"id": "Float_problems", "title": "Float problems"}, {"id": "The_whole_width_can_be_tricky_to_calculate", "title": "The whole width can be tricky to calculate"}, {"id": "Background_height_of_floated_items", "title": "Background height of floated items"}, {"id": "Clearing_floats_can_get_complex", "title": "Clearing floats can get complex"}, {"id": "Summary", "title": "Summary"}], "slug": "Learn/CSS/CSS_layout/Floats", "review_tags": []}