This page shows some of the previous examples, but with borders turned on.
Don't worry about understanding the CSS used to make the borders.
The point here is that you can see the internal structure of each element.
Notice that each list is a block, and each list item is a block inside the list.
Similarly, the table is a block, and the cells are also blocks. But notice that the table is different from all other blocks we have seen in that it shrinks to accomodate the content in it's cells (like shrink wrap).