Part $5$ Style the home page

We will use the 'logo.png$\text{'}$ file as the bullets for the li elements in the home page. The best way

to set an image bullet is to use the background$-$image property. Select all li elements in the main

element

o set the background image to logo$.$png $($Hint: The relative path is the path from the current

file to the destination file.The current file is in the $\text{'}$css$\text{'}$ folder, but the image file is located in

the 'images' folder. You will need to first get out of the css folder.$)$

the background does not repeat

set the background size to $1em1em$

save the changes. You will notice that the images are overlapping with the text. To fix this,

set the left padding to $1\mathrm{.}5em$ to move the text right

save again. Horizontally, the bullet is not completely aligned with the text horizontally. Let's

fix this by moving the bullets down a bit by setting the background position to $0$ for $x-$axis

and $0\mathrm{.}2em$ for $y-$axis.

We would like to indent the paragraph of the $"9201$ University City Blvd$....".$ Since we will also

use this style for the address element, let's create a class for this particular style and name the

class 'indent$-$right'.

@ in the opening tag and $2px$