Il float modifica la disposizione naturale degli elementi ed è perciò molto utile nell’impaginazione complessa. Ecco come può essere usato con un paragrafo di testo, anziché con un’immagine. Si noti che senza un’ampiezza ridotta, che libera spazio a destra dell’elemento, il float non si verifica perché non c’è spazio per lo scorrimento. Cosa determina lo spazio bianco prima del paragrafo floattato?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi quis massa in quam euismod luctus. Cras ac diam ac dolor ullamcorper porttitor ac sit amet purus. Suspendisse vehicula erat sed dui bibendum consequat dignissim vitae mauris. Pellentesque cursus, risus non dapibus bibendum, lacus ligula auctor nulla, at laoreet nulla sem vel orci. Ut porta, metus at accumsan feugiat, mauris tellus accumsan lorem, vitae consequat diam orci non mi. Suspendisse potenti. Cras blandit nibh ut lectus lobortis scelerisque. Cras vitae eleifend tortor. Maecenas tristique enim id risus placerat at interdum diam faucibus. Sed a odio vehicula nunc porta posuere. Fusce lacinia sodales vestibulum. Curabitur velit felis, varius eget rutrum vitae, tincidunt quis urna. Aenean condimentum tincidunt quam, ut varius risus feugiat in. Donec sem metus, malesuada et tincidunt eget, interdum nec risus. Nullam eu vehicula lorem. Nam facilisis consequat blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula dolor in augue malesuada sit amet scelerisque enim consequat. Duis hendrerit bibendum leo, eget sollicitudin odio aliquet et.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi quis massa in quam euismod luctus. Cras ac diam ac dolor ullamcorper porttitor ac sit amet purus. Suspendisse vehicula erat sed dui bibendum consequat dignissim vitae mauris. Pellentesque cursus, risus non dapibus bibendum, lacus ligula auctor nulla, at laoreet nulla sem vel orci. Ut porta, metus at accumsan feugiat, mauris tellus accumsan lorem, vitae consequat diam orci non mi. Suspendisse potenti. Cras blandit nibh ut lectus lobortis scelerisque. Cras vitae eleifend tortor. Maecenas tristique enim id risus placerat at interdum diam faucibus. Sed a odio vehicula nunc porta posuere. Fusce lacinia sodales vestibulum. Curabitur velit felis, varius eget rutrum vitae, tincidunt quis urna. Aenean condimentum tincidunt quam, ut varius risus feugiat in. Donec sem metus, malesuada et tincidunt eget, interdum nec risus. Nullam eu vehicula lorem. Nam facilisis consequat blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula dolor in augue malesuada sit amet scelerisque enim consequat. Duis hendrerit bibendum leo, eget sollicitudin odio aliquet et.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi quis massa in quam euismod luctus. Cras ac diam ac dolor ullamcorper porttitor ac sit amet purus. Suspendisse vehicula erat sed dui bibendum consequat dignissim vitae mauris. Pellentesque cursus, risus non dapibus bibendum, lacus ligula auctor nulla, at laoreet nulla sem vel orci. Ut porta, metus at accumsan feugiat, mauris tellus accumsan lorem, vitae consequat diam orci non mi. Suspendisse potenti. Cras blandit nibh ut lectus lobortis scelerisque. Cras vitae eleifend tortor. Maecenas tristique enim id risus placerat at interdum diam faucibus. Sed a odio vehicula nunc porta posuere. Fusce lacinia sodales vestibulum. Curabitur velit felis, varius eget rutrum vitae, tincidunt quis urna. Aenean condimentum tincidunt quam, ut varius risus feugiat in. Donec sem metus, malesuada et tincidunt eget, interdum nec risus. Nullam eu vehicula lorem. Nam facilisis consequat blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vehicula dolor in augue malesuada sit amet scelerisque enim consequat. Duis hendrerit bibendum leo, eget sollicitudin odio aliquet et.