Author: tabcom

Problem

Suppose we have a <div id=”container”> containing float:left, float:right and normal flow block and inline content. The container is given a width value.

I want the container div width to adjust to the width of the content inside.  However, the container div will only shrink to fit the non-floating elements only.  The floating elements will be either all the way out, or half out, half in, and not have any bearing on the size of the container div.

Example – Float left with fixed width container that is too small

Continue reading “Container div with float elements inside”

When you float an element it becomes a block box. This box can then be shifted to the left or right on the current line.

Continue reading “HTML – CSS Float – Float basics”

First we need to understand a number of basic important concepts and definitions that determine how web page content is rendered.

Continue reading “HTML – CSS Float – Introduction”