How to remove links from paddings between menu items

Question

I'm trying to make a norizonal list menu
I applied some paddings between each menu item

I'd like to know, how to add padding between them
Without making those paddings linkable

Hope it makes sense.

Answer 1

Looks like I guess you have something similar to:

<li><a href="#">Home</a></li>
<li><a href="#">Services</a></li>

Use this CSS for the above scenario:

li {margin-right: 100px;}