Build Your Own Business Website header image

Float Property

What’s the Purpose of a Clearing Div?

Difficulty Level -

Filed Under Topics -

Listed Under Lesson Subjects -

In this session we discuss the purpose of a clearing div as the most reliable way of clearing floats. We use a clearing div to clear floats so that nothing stacks beside it. We also talk about our video on Understanding the Float Property which has detailed information on how clearing divs and float properties

Customize Next & Previous Posts Links – Part 5 – Style Custom Post Navigation

Difficulty Level -

Filed Under Topics - ,

Listed Under Lesson Subjects - ,

Applies to -

This is the 5th in an 8 part series that shows how to customize the Next Post/Previous Post links in Thesis. Now that we have created our own next post/previous post image links we are going to add css styles to them so that they will be properly aligned. We use the float property to

How to Create a 2 Column List in a Post or Page

Difficulty Level -

Filed Under Topics - , ,

Listed Under Lesson Subjects - ,

This member asks how to create a 2 column list within the WordPress content area.  I demonstrate a method using 2 unordered lists each wrapped in a div tag that I style so that they float side by side.  This involves using the HTML view of the WordPress editor and adding code to custom.css But

Understanding the Float Property

Difficulty Level -

Filed Under Topics - , , , ,

Listed Under Lesson Subjects -

In this video we discuss the CSS float property.  We discuss what the float property is and how it affects the normal flow of HTML elements.  We look at what happens to an HTML element that is defined as float:left;  We consider various combinations of floats, element sizes and margins for arranging HTML elements on