How do i space the different items in my header. Example to create a space between ''About Us'' and "contact Us"?

Question

Word spacing creates spaces between the words and some of the items have more than two words.

Answer 1

Here is the corrected code Iwasam Enya :))

https://code.sololearn.com/W1ka3UN6T5Jp/?ref=app

Just add a class to the nav items and give some left and right margins!

Answer 2

<style>
span{ padding: 10px;}
</style>

<header>
<span>About Us</span>
<span>Contact Us</span>
</header>

Answer 3

.hap a {
margin: 10px;
}

Answer 4

add a css property to
a{
margin:5px;
//more or less as you want
}

Answer 5

This is the code
https://code.sololearn.com/W8wWGE2kWhof/?ref=app

Answer 6

Put this between words

&nbsp;

That is a special keywork for a single space

Answer 7

add this
.eny a{margin-left:10px;}
or higher, depending on how much space you want

Answer 8

Please move your code link out of the thread tags and into the Description field 👍