All about Me

This page uses div containers to wrap the images and content. Each info-box is defined in the matching css file with .info-box. Class selectors use the .selector while ID selectors use the #selector.

Here we are also using the em tag to format how parts of text inline can be modified.

This page shows how the display property can be used to set the child content to appear as a block, or row. The parent containers often need margins and height to be defined.

Try adding a background-color to debug these, or use chrome dev tools.

We can set the width of elements or containers with a fixed size (like pixels), or by percentage of the width of the page. This also works for height.

What other properties do you see being used? Tinker with the matching css page to see what you get.