Tag: float

CSS Floats 101

The float property is a valuable and powerful asset to any web designer/developer working with HTML and CSS. Tragically, it can also cause frustration and confusion if you don’t fully understand how it works. Also, in the past, it’s been linked to some pretty nasty browser bugs so it’s normal to get nervous about using […]
csshead 0 Comments

inline-block vs float

With display:inline-block finally ready for everyday use across the most popular browsers (in all honesty, it has been for a while now), I quickly hit a pretty big dilemma. When comparing inline-block to floats, it wasn’t immediately clear what the exact differences were and what method to prefer. I looked online but couldn’t find a […]
csshead 0 Comments

CSS in Depth: Floats and Positions

We’ll be discussing CSS positions and floats as well as what the differences are and when it’s best to use them. Both floats and positions deal with the relationship of elements between each other. Without these, padding and margins would be ineffectual…
csshead 0 Comments

The Mystery Of The CSS Float Property

In this article, we’ll discuss exactly what the float property is and how it affects elements in particular contexts. We’ll also take a look at some of the differences that can occur in connection with this property in the most commonly-used browsers. Finally, we’ll showcase a few practical uses for the CSS float property. This […]
csshead 0 Comments

5 Handy tips to fix space beneath floated elements

When two elements are floated in a div, chances are parent element no longer contains it because the float is removed from the flow. Here you’ll find five quick tips to fix this problem…
csshead 0 Comments

Learn CSS Positioning in Ten Steps: position static relative absolute float

This tutorial examines the different layout properties available in CSS: position:static, position:relative, position:absolute, and float…
csshead 0 Comments