inline and aligned

- div and nav are inline and aligned to their sides (left-aligned and
right-aligned respectively)
- pseudo element was added to make justification work
vertically aligned

- create a pseudo element before div so that vertical-align: middle;
works for div
- nav is aligned in the same manner with respect to div