Thank you everyone I have managed to remove the underline but still can't create centered text or coloured hover states.

Can you post your code?

for the color, have you used an !important anywhere?

Otherwise this should do:

a {color: #000;}

a:hover {color: #F00;}

For centering, depends on what you want to center where and how... That's why I ask for your code snippet

could be, for example:

a {text-align: center}

or

a {margin: 0 auto; width: 200px;}

links don't seem to work for me. Can you paste your code here?

Hi Andreas

can you try this link.

Thanks again!

https://w.trhou.se/q0h9k9016b

Hi Tom

You are using .hover, this should be :hover

nav a.visited {
  color: #414042;
}

nav a.selected, nav a.hover {
  color: #414042;
}

should be

nav a:visited {
  color: #414042;
}

nav a.selected, nav a:hover {
  color: #414042;
}

Only selected should be a class

You also have these classes defined as such:

<span style="color:#ffffff;" class="selected;" class="hover;">

should be

<span style="color:#ffffff;" class="selected hover">

No semicolon behind it and multiple classes should be divided with spaces.

Also since hover is no class anymore it should be:

<span style="color:#ffffff;" class="selected">

Hi Andreas

Thank you very much again.

I'll apply these styles and see how things go. It obviously takes quite a lot of practice to remember these nuances in coding.

Cheers

Tom