CSS float tutorial

This article or section is a stub. It does not yet contain enough information to be considered a real article. In other words, it is a short or insufficient piece of information and requires additions.

Draft

Web technology tutorials series
Intermediate

This article or chapter is incomplete and its contents need further attention. Some information may be missing or may be wrong, spelling and grammar may have to be improved, use your judgment!

Web technology tutorials series
Beginners

Learning goals

Understand CSS float
Be able to create simple layouts using floats

Prerequisite

CSS box model tutorial

Concurrent

CSS tutorial (summary)

Moving on

Level and target population

Beginners

Teaching materials

Remarks

This tutorial is intended for students in a field that is technology intensive (e.g. computer applications or educational technology). For people who need less, there exist many easy CSS tutorials on the web. This text is intended for students who also must learn principles and who are willing to learn CSS by doing a project, looking at CSS code and online reference manuals.
Ideally, a teacher also should assign a text formatting task, during or before assigning this tutorial for reading).
There are some inline examples. However, they had to be created in a away that makes them fit into a wiki page. I.e. we use inline style (something we usually don't advocate) and we also had to add extra styling properties.

CSS float tutorial

Navigation menu

Slow Search