Since the float is also causing the footer to appear fairly uninspiring within the body at the moment, we want our next task to be to design this.
Specify a definition that automatically inserts the | character (known as a pipe) after each list item as a separator (except for after the last one), and make sure that there is some space to the left and right between the separator and the text.
However, the footer is now completely separate from the body. But we want to achieve the following:
We achieve this result by make a couple of small adjustments to the body selector.