I’ve got a menu (see example). It has two rows. The upper one is hard coded, the bottom one is inserted with jquery. The problem is, the upper row has some spacing between the LI elements, while the bottom ones doesn’t have one. What am I missing?
Example: http://jsfiddle.net/s3rVg/
If you delete the whitespace between the upper list elements [
li] the html looses it whitespace as well. Like:As this uglifies the html you may also wanna take a look at this discussion. Especially Jon Grant’s answer might be an option.