It is just an example to get what I am asking.
Say.. You have a menu right.
link1 link2 link3
Say you want to have a grep, dash, backslash, whatever between ech link
lin1 - link2 - link3
Say you want each dash to be evenly spaced with more than one space. So instead of using
over and over.. you create a div with a padding left and right. Let's say for example 6px each.
padding: 0 6px 0 6px;
So your menu looks like
link1 <div id="space">-</div> link2 <div id="space">-</div> link3
What is the point of having the div inside of the li tags? Like
Especially if it is all ready in an unordered list?
Say it isn't even a div. Say it is
Why does the dash need to be inside of the li?
What if each li has an a meta class? So every time you hover the list item the dash shows the hover effect also?
Where as if it were outside the li it wouldnt have the hover effect?
My pint isnt to build a specific menu. It is to find out why it is better to have things inside of li tags.