Stacking order of elements in a layout

Lets take a look at this code: HTML:


The natural staking order of elements in this piece of code is (in ascending order in the stack): The root element (<html>) .. this is at the bottom of stack..level 0 The viewport (<body>) Block level elements in the normal page flow block1 is […]

When to use Float vs Position vs Display for laying out elements and aligning blocks on page

Here are the recommendations: Float: Use this for content that flows around (i.e. variable and flexible content). A good example is an image surrounded by texts of different lengths. So even if the amount of text can change, but using float will allow it to flow around the image. Float is also very useful in […]